Merge pull request #41923 from nextcloud/fix/app-menu-icon-size

fix(core): app icon alignment in app menu
nextcloud · Nov 30, 2023 · ef3b1a8 · ef3b1a8
2 parents bcc1d57 + 9ee1a8f
commit ef3b1a8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue
@@ -270,6 +270,10 @@ $header-icon-size: 20px;
  .app-icon {
  position: relative;
  height: 44px;
+ width: 48px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
  /* Icons are bright so invert them if bright color theme == bright background is used */
  filter: var(--background-invert-if-bright);
 
@@ -280,7 +284,6 @@ $header-icon-size: 20px;
  img {
  width: $header-icon-size;
  height: $header-icon-size;
- padding: calc((50px - $header-icon-size) / 2);
  }
  }
 }

diff --git a/dist/core-main.js b/dist/core-main.js
diff --git a/dist/core-main.js.map b/dist/core-main.js.map