Fixing height calcs

Kareadita · Apr 25, 2024 · 7e014a4 · 7e014a4
1 parent 3c95654
commit 7e014a4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/UI/Web/src/app/app.component.scss b/UI/Web/src/app/app.component.scss
@@ -21,7 +21,7 @@
     .content-wrapper {
         padding: 0 5px 0;
         overflow: hidden;
-        height: calc(100vh - 56px);
+        height: calc(var(--vh)*100 - 56px);
 
         &.closed {
             overflow: auto;

diff --git a/UI/Web/src/app/nav/_components/grouped-typeahead/grouped-typeahead.component.scss b/UI/Web/src/app/nav/_components/grouped-typeahead/grouped-typeahead.component.scss
@@ -99,7 +99,7 @@ form {
 
 .dropdown {
     width: 100vw;
-    height: calc(100vh - 56px); //header offset
+    height: calc(var(--vh)*100 - 56px); //header offset
     background: var(--dropdown-overlay-color);
     position: fixed;
     justify-content: center;