fix: viewport height on mobile Chrome & Safari (#1376)

2022-08-08 14:32:16 +05:30
parent d533fb78e0
commit 887402f75f
2 changed files with 14 additions and 0 deletions
--- a/packages/web/src/stylesheets/_main.scss
+++ b/packages/web/src/stylesheets/_main.scss
@@ -108,8 +108,12 @@ p {
 }

 .main-ui-view {
+  // Fallbacks
  min-height: 100vh;
  height: 100vh;
+  // Mobile-corrected viewport height
+  min-height: var(--viewport-height);
+  height: var(--viewport-height);
  position: relative;
  overflow: auto;
  background-color: var(--editor-header-bar-background-color);