Fix bottom drawer actions not appearing due to vh issue.

wpalani · Dec 30, 2022 · cf0825e · cf0825e
1 parent 2dfc7ab
commit cf0825e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/header/Header.css b/src/components/header/Header.css
@@ -27,8 +27,8 @@ header img.noteski-logo {
 }
 
 #menu-container {
-    min-height: 100vh;
-    max-height: 100vh;
+    min-height: 100dvh;
+    max-height: 100dvh;
     display: flex;
     justify-content: flex-end;
     position: relative;

diff --git a/src/components/header/menuActions/ClearStorageNotice.css b/src/components/header/menuActions/ClearStorageNotice.css
@@ -8,8 +8,8 @@
 }
 
 #clear-storage-notice-container {
-    min-height: 100vh;
-    max-height: 100vh;
+    min-height: 100dvh;
+    max-height: 100dvh;
     display: flex;
     align-items: end;
     position: relative;

diff --git a/src/components/newUserNotice/NewUserNotice.css b/src/components/newUserNotice/NewUserNotice.css
@@ -6,8 +6,8 @@
 }
 
 #new-user-notice-container {
-    min-height: 100vh;
-    max-height: 100vh;
+    min-height: 100dvh;
+    max-height: 100dvh;
     display: flex;
     align-items: end;
     position: relative;