Start with menu collapsed on mobile (#185)

playcanvas · Sep 18, 2024 · 2b090f5 · 2b090f5
1 parent b3eff19
commit 2b090f5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/ui/menu.ts b/src/ui/menu.ts
@@ -72,6 +72,11 @@ class Menu extends Container {
 
         };
 
+        // collapse menu on mobile
+        if (document.body.clientWidth < 600) {
+            toggleCollapsed();
+        }
+
         const collapse = createSvg(collapseSvg);
         collapse.dom.classList.add('menu-icon');
         collapse.dom.setAttribute('id', 'menu-collapse');

diff --git a/src/ui/scene-panel.scss b/src/ui/scene-panel.scss
@@ -4,12 +4,6 @@
     width: 320px;
 }
 
-@media (max-width: 600px) {
-    #scene-panel {
-        display: none;
-    }
-}
-
 .collapsed #scene-panel {
     display: none;
 }