diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-05-03 15:01:51 +0200 |
|---|---|---|
| committer | backportbot-nextcloud[bot] <backportbot-nextcloud[bot]@users.noreply.github.com> | 2023-05-03 17:52:54 +0000 |
| commit | fcf9d571f0a9f1dd88fa9be44a7ba26634fba432 (patch) | |
| tree | fb13bcd4756d5b5e2d5d735b1c5a7ef955d8d33e /core/src | |
| parent | 0ee02afb22040b5852ffba41a661ae9ea07a11b1 (diff) | |
| download | nextcloud-server-fcf9d571f0a9f1dd88fa9be44a7ba26634fba432.tar.gz nextcloud-server-fcf9d571f0a9f1dd88fa9be44a7ba26634fba432.zip | |
fix(AppMenu): On bright color theme the app icons in the overflow menu must be inverted
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'core/src')
| -rw-r--r-- | core/src/components/AppMenu.vue | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index ed3a6293c57..c4ea41ecc84 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -247,14 +247,18 @@ $header-icon-size: 20px; } ::v-deep .app-menu-more .button-vue--vue-tertiary { - color: var(--color-primary-text); opacity: .7; margin: 3px; filter: var(--background-image-invert-if-bright); - &:hover { - opacity: 1; - background-color: transparent !important; + /* Remove all background and align text color if not expanded */ + &:not([aria-expanded="true"]) { + color: var(--color-primary-text); + + &:hover { + opacity: 1; + background-color: transparent !important; + } } &:focus-visible { @@ -267,6 +271,8 @@ $header-icon-size: 20px; .app-icon { position: relative; height: 44px; + /* Icons are bright so invert them if bright color theme == bright background is used */ + filter: var(--background-invert-if-bright); &.has-unread::after { background-color: var(--color-main-text); |