Fix user status icon in avatar menu

Signed-off-by: Joas Schilling <coding@schilljs.com>
This commit is contained in:
Joas Schilling 2023-01-04 10:18:24 +01:00
parent 0a5b3d03df
commit 64c6bfcdc0
No known key found for this signature in database
GPG key ID: 74434EFE0D2E2205
5 changed files with 17 additions and 3 deletions

View file

@ -962,6 +962,10 @@ kbd {
.popover__menu > li > a > img {
filter: var(--background-invert-if-dark);
}
.contact .popovermenu ul > li > a > img[src^=data],
.popover__menu > li > a > img[src^=data] {
filter: none;
}
.bubble,
.app-navigation-entry-menu,

File diff suppressed because one or more lines are too long

View file

@ -983,7 +983,13 @@ $outter-margin: math.div($popoveritem-height - $popovericon-size, 2);
.contact .popovermenu ul,
.popover__menu {
> li > a > img {
filter: var(--background-invert-if-dark);
filter: var(--background-invert-if-dark);
// We do not want to invert the color of the user_status emoji:
// https://github.com/nextcloud/nextcloud-vue/blob/8899087f8f8d45e0ed744bde9faa00b625a21905/src/components/NcAvatar/NcAvatar.vue#L495
&[src^="data"] {
filter: none;
}
}
}

View file

@ -3666,6 +3666,10 @@ kbd {
.popover__menu > li > a > img {
filter: var(--background-invert-if-dark);
}
.contact .popovermenu ul > li > a > img[src^=data],
.popover__menu > li > a > img[src^=data] {
filter: none;
}
.bubble,
.app-navigation-entry-menu,

File diff suppressed because one or more lines are too long