From f6b9d91e3fafb915b035ef5f51fafdf25fa6907e Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Tue, 15 Apr 2025 20:37:42 +0200
Subject: [PATCH] fix default menu 'more app'

---
 src/menus/StandardMenu.vue |  4 ++--
 src/scss/menu.scss         | 25 +++++++++++++++----------
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/menus/StandardMenu.vue b/src/menus/StandardMenu.vue
index 24bf365..5e817ee 100644
--- a/src/menus/StandardMenu.vue
+++ b/src/menus/StandardMenu.vue
@@ -62,7 +62,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
       </li>
     </ul>
     <NcActions
-      class="app-menu-more"
+      class="cm-standardmenu-app-menu-more app-menu-more"
       :aria-label="t('core', 'More apps')"
     >
       <NcActionLink
@@ -72,7 +72,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         :aria-current="app.active ? 'page' : false"
         :href="app.href"
         :style="makeStyle(app)"
-        class="app-menu-popover-entry"
+        class="cm-standardmenu-app-menu-popover-entry app-menu-popover-entry"
       >
         <template #icon>
           <div
diff --git a/src/scss/menu.scss b/src/scss/menu.scss
index 10dda7a..3cbac3b 100644
--- a/src/scss/menu.scss
+++ b/src/scss/menu.scss
@@ -14,7 +14,6 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
-$header-icon-size: 20px;
 
 #header {
   .cm-opener {
@@ -23,6 +22,10 @@ $header-icon-size: 20px;
   }
 }
 
+.app-menu {
+  visibility: hidden;
+}
+
 .cm {
   position: fixed;
   top: 0;
@@ -282,13 +285,13 @@ $header-icon-size: 20px;
       }
     }
   }
+}
 
-  &.cm--standardmenu {
-    visibility: hidden;
+.cm-standardmenu {
+  visibility: hidden;
 
-    &.show {
-      visibility: visible;
-    }
+  &.show {
+    visibility: visible;
   }
 }
 
@@ -400,6 +403,8 @@ $header-icon-size: 20px;
   }
 }
 
+$header-icon-size: 20px;
+
 .cm-standardmenu {
   width: 100%;
   display: flex;
@@ -539,7 +544,7 @@ $header-icon-size: 20px;
 
   .app-menu-more .button-vue--vue-tertiary {
     opacity: 0.7;
-    margin: 3px;
+    margin: 8px 3px 3px 3px;
     filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
 
     &:not([aria-expanded='true']) {
@@ -557,11 +562,11 @@ $header-icon-size: 20px;
     }
   }
 
-  .app-menu-popover-entry {
+  &-app-menu-popover-entry {
     .app-icon {
       position: relative;
-      height: 44px;
-      width: 48px;
+      height: 35px;
+      width: 40px;
       display: flex;
       align-items: center;
       justify-content: center;