Use dvh instead of svh for modals

The `svh` unit makes the opening hours modal start below the mobile address bar as desired, but it has unwanted behavior when scrolling.
danskernesdigitalebibliotek · Dec 18, 2024 · f0bd976 · f0bd976
1 parent 21485f6
commit f0bd976
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/stories/Library/Modals/modal.scss b/src/stories/Library/Modals/modal.scss
@@ -8,7 +8,7 @@
   opacity: 0;
   display: none;
   transition: opacity 0.3s;
-  height: 100svh;
+  height: 100dvh;
   overflow: auto;
 
   &__screen-reader-description {
@@ -51,7 +51,7 @@
   right: 0;
   max-width: 560px;
   width: 100%;
-  height: 100svh;
+  height: 100dvh;
   margin: 0;
 }
 

diff --git a/src/stories/Library/dialog/dialog.scss b/src/stories/Library/dialog/dialog.scss
@@ -23,7 +23,7 @@
   // Apply custom
   background-color: $color__global-primary;
   position: fixed;
-  height: 100svh;
+  height: 100dvh;
   width: 100%;
   left: auto;