fix(menu): only hide expander button and show button on (small) desktop (#1303)

Author: janssen-io

web/editor_ui.tsx

@@ -299,11 +299,11 @@ export class MainUI {
           }}
           actionButtons={[
             // Vertical menu button
-            ...(viewState.isMobile &&
-                viewState.config.mobileMenuStyle.includes("hamburger"))
+            ...(viewState.config.mobileMenuStyle.includes("hamburger"))
               ? [{
                 icon: featherIcons.MoreVertical,
                 description: "Open Menu",
+                class: "expander",
                 callback:
                   () => {/* nothing to do, menu opens on hover/mobile click */},
               }]

web/styles/top.scss

@@ -72,7 +72,7 @@
     flex: 0 0 auto;
     text-align: right;
 
-    &.hamburger button:first-of-type {
+    &.hamburger button.expander {
       display: none;
     }
   }
@@ -131,7 +131,7 @@
     }
 
     button {
-      &:first-of-type {
+      &.expander {
         display: initial;
       }