Fixes wrong drawer position (#3902)

SAP · Sep 12, 2024 · 49c90f1 · 49c90f1
1 parent 0d35789
commit 49c90f1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/core/src/Modal.svelte b/core/src/Modal.svelte
@@ -363,12 +363,12 @@
 
 <style lang="scss">
   :global(.lui-breadcrumb) .drawer-dialog {
-    top: calc(#{$topNavHeight} + var(--luigi__breadcrumb--height));
+    top: calc(#{$combinedLayoutGap} + #{$topNavHeight} + var(--luigi__breadcrumb--height));
   }
 
   .drawer-dialog {
     position: absolute;
-    top: $topNavHeight;
+    top: calc(#{$combinedLayoutGap} + #{$topNavHeight});
     bottom: 0;
     width: 25%;
     z-index: 3;

diff --git a/core/src/styles/_variables.scss b/core/src/styles/_variables.scss
@@ -2,6 +2,7 @@ $mobileMinWidth: 375px;
 $desktopMinWidth: 600px;
 $desktopMaxWidth: 900px;
 $topNavHeight: var(--luigi__shellbar--height);
+$combinedLayoutGap: 1rem;
 $leftNavWidthCollapsed: 2.75rem;
 $zindex-dialog-box: 1000;
 $globalNavWidth: 69px;