[Dialog]: scroll entire dialog instead of just .body

brave · Dec 9, 2024 · 1227f1a · 1227f1a
1 parent db52fd2
commit 1227f1a
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/components/dialog/dialog.svelte b/src/components/dialog/dialog.svelte
@@ -154,7 +154,7 @@
   }
 
   .leo-dialog.hasHeader {
-    grid-template-rows: auto 1fr;
+    grid-template-rows: auto auto;
   }
 
   /** Since Svelte 4 doesn't support conditional slots in the consumer,
@@ -163,12 +163,12 @@
    * case the selector with :host. */
   :host .leo-dialog.hasActions,
   .leo-dialog.hasActions:has([slot='actions']:not(:empty)) {
-    grid-template-rows: 1fr auto;
+    grid-template-rows: auto auto;
   }
 
   :host .leo-dialog.hasHeader.hasActions,
   .leo-dialog.hasHeader.hasActions:has(.actions [slot='actions']:not(:empty)) {
-    grid-template-rows: auto 1fr auto;
+    grid-template-rows: auto auto auto;
   }
 
   .leo-dialog:not(.modal) {
@@ -209,7 +209,6 @@
   }
 
   .leo-dialog .body {
-    overflow-y: auto;
     background: var(--background);
     color: var(--leo-color-text-secondary);
     font: var(--leo-font-default-regular);