Merge pull request #594 from KhronosGroup/fix/mobileMenuHeight

Fix UI cutoff on mobile
KhronosGroup · Jan 28, 2025 · 30d38be · 30d38be
2 parents 1a4a278 + e32668a
commit 30d38be
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/ui/sass.scss b/src/ui/sass.scss
@@ -94,7 +94,7 @@ body
 /* tab selection on the right */
 .b-tabs.is-vertical
 {
-    height: 100vh;
+    height: 100dvh;
 }
 
 nav.tabs
@@ -133,12 +133,12 @@ nav.tabs
 // handle options placement
 .tabs li:first-child
 {
-    margin-top: calc(100vh * 0.11);
+    margin-top: calc(100dvh * 0.11);
 }
 .tabs li:nth-child(7)
 {
     margin-top: auto;
-    margin-bottom: calc(100vh * 0.02);
+    margin-bottom: calc(100dvh * 0.02);
 }
 
 .tabs li a

diff --git a/src/ui/ui.js b/src/ui/ui.js
@@ -125,7 +125,7 @@ const appCreated = createApp({
     },
     beforeMount: function(){
         // Definition of mobile: https://bulma.io/documentation/start/responsiveness/
-        if(window.innerWidth > 768) { 
+        if(document.documentElement.clientWidth > 768) { 
             this.uiVisible = true;
             this.isMobile = false;
         } else {