From 80f49360d609caf8065bdb0a2c08947ab41be8ed Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Thu, 19 Nov 2020 16:39:41 +0100 Subject: [PATCH] Move modal top spacing to the header to avoid side-effect when scrolling MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- src/components/card/CardSidebar.vue | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/card/CardSidebar.vue b/src/components/card/CardSidebar.vue index e7790bd7c..b1c285651 100644 --- a/src/components/card/CardSidebar.vue +++ b/src/components/card/CardSidebar.vue @@ -168,12 +168,13 @@ export default { left: 0; right: 0; max-width: calc(100% - #{$modal-padding*2}); - padding: 14px; - max-height: calc(100% - #{$modal-padding*2}); + padding: 0 14px; + max-height: 100%; &::v-deep { .app-sidebar-header { position: sticky; top: 0; + padding-top: $modal-padding; z-index: 100; background-color: var(--color-main-background); }