use 100dvh instead of 100vh globally

Symplicity · Dec 3, 2024 · 25b2769 · 25b2769
1 parent 86b8015
commit 25b2769
Show file tree

Hide file tree

Showing 17 changed files with 28 additions and 28 deletions.
diff --git a/dist/css/bootstrap-grid.css.map b/dist/css/bootstrap-grid.css.map
diff --git a/dist/css/bootstrap-grid.rtl.css.map b/dist/css/bootstrap-grid.rtl.css.map
diff --git a/dist/css/bootstrap-reboot.css.map b/dist/css/bootstrap-reboot.css.map
diff --git a/dist/css/bootstrap-reboot.rtl.css.map b/dist/css/bootstrap-reboot.rtl.css.map
diff --git a/dist/css/bootstrap-utilities.css b/dist/css/bootstrap-utilities.css
diff --git a/dist/css/bootstrap-utilities.css.map b/dist/css/bootstrap-utilities.css.map
diff --git a/dist/css/bootstrap-utilities.rtl.css b/dist/css/bootstrap-utilities.rtl.css
diff --git a/dist/css/bootstrap-utilities.rtl.css.map b/dist/css/bootstrap-utilities.rtl.css.map
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
diff --git a/dist/css/bootstrap.css.map b/dist/css/bootstrap.css.map
diff --git a/dist/css/bootstrap.rtl.css b/dist/css/bootstrap.rtl.css
diff --git a/dist/css/bootstrap.rtl.css.map b/dist/css/bootstrap.rtl.css.map
diff --git a/scss/_overrides.scss b/scss/_overrides.scss
@@ -180,7 +180,7 @@ $dropdown-border-color:       $janus-color-secondary-background !default;
 $dropdown-divider-bg:         $janus-color-gray-200 !default;
 
 $modal-fade-transform-mobile: translate(0, 0) !default;
-$modal-hide-transform-mobile: translate(0, 100vh);
+$modal-hide-transform-mobile: translate(0, 100dvh);
 
 $modal-title-line-height:     $janus-modal-title-line-height !default;
 $modal-header-border-color:   transparent !default;

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
@@ -241,12 +241,12 @@ $utilities: map-merge(
     "viewport-height": (
       property: height,
       class: vh,
-      values: (100: 100vh)
+      values: (100: 100dvh)
     ),
     "min-viewport-height": (
       property: min-height,
       class: min-vh,
-      values: (100: 100vh)
+      values: (100: 100dvh)
     ),
     // scss-docs-end utils-sizing
     // Flex utilities

diff --git a/scss/mixins/_backdrop.scss b/scss/mixins/_backdrop.scss
@@ -5,7 +5,7 @@
   left: 0;
   z-index: $zindex;
   width: 100vw;
-  height: 100vh;
+  height: 100dvh;
   background-color: $backdrop-bg;
 
   // Fade for backdrop

diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss
@@ -14,7 +14,7 @@
     // Override collapse behaviors
     // stylelint-disable-next-line declaration-no-important
     display: block !important;
-    height: subtract(100vh, 7rem);
+    height: subtract(100dvh, 7rem);
     // Prevent focus styles to be cut off:
     padding-left: .25rem;
     margin-left: -.25rem;

diff --git a/site/assets/scss/_toc.scss b/site/assets/scss/_toc.scss
@@ -6,7 +6,7 @@
     top: 5rem;
     right: 0;
     z-index: 2;
-    height: subtract(100vh, 7rem);
+    height: subtract(100dvh, 7rem);
     overflow-y: auto;
   }