From f0bd976c2156ac29e2ee0197b87c30cc307a79c0 Mon Sep 17 00:00:00 2001 From: Kasper Birch Date: Wed, 18 Dec 2024 12:53:28 +0100 Subject: [PATCH] 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. --- src/stories/Library/Modals/modal.scss | 4 ++-- src/stories/Library/dialog/dialog.scss | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/stories/Library/Modals/modal.scss b/src/stories/Library/Modals/modal.scss index 2b856785f..f427862b1 100644 --- 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 index 6d16458eb..4ab3e87d5 100644 --- 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;