upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-20 22:00:39 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 39

fix(AppMenu): On bright color theme the app icons in the overflow menu must be inverted

Browse source 
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
This commit is contained in:
Ferdinand Thiessen 2023-05-03 15:01:51 +02:00 committed by nextcloud-command
parent df5283ad05
commit 88f344339d
3 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
core/src/components/AppMenu.vue
View file

@ -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);

4
dist/core-main.js vendored
View file

File diff suppressed because one or more lines are too long

2
dist/core-main.js.map vendored
View file

File diff suppressed because one or more lines are too long