diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-11-30 19:44:13 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-11-30 19:44:13 +0100 |
| commit | 20de1ec38b62375229643e5b2e6bf87ca5d2d38f (patch) | |
| tree | 6f9832ccaf6365ecc171a3ccf7483ccb725d9aa2 /core | |
| parent | 2bc87ddc5bc2a529381306e4e4a56d2b2f48c59c (diff) | |
| parent | 2c2a8559e0ac36a0a6162f6e4647f4b3c4f0c56d (diff) | |
| download | nextcloud-server-20de1ec38b62375229643e5b2e6bf87ca5d2d38f.tar.gz nextcloud-server-20de1ec38b62375229643e5b2e6bf87ca5d2d38f.zip | |
Merge pull request #41932 from nextcloud/backport/41923/stable28
[stable28] fix(core): app icon alignment in app menu
Diffstat (limited to 'core')
| -rw-r--r-- | core/src/components/AppMenu.vue | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index b9373c82ac6..debf682081b 100644 --- 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); } } } |