Dashboard: Fix inversion of notifications icon when there are new notifications

This commit is contained in:
Magnus Walbeck 2021-06-20 12:47:28 +02:00
parent 6df1be3341
commit ef559b351a
No known key found for this signature in database
GPG Key ID: CCB78CFF3F950769
2 changed files with 10 additions and 1 deletions

View File

@ -2,6 +2,10 @@
## [Unreleased]
## Fixed
- Dashboard: Fix inversion of notifications icon when there are new notifications
## 21.0.8 - 2021-06-16
### Added

View File

@ -564,10 +564,15 @@ body:not([data-dashboard-background]) #appmenu.inverted svg image {
filter: none;
}
.header-right .notifications-button img[src$="notifications-dark.svg"] {
.header-right .notifications-button img[src$="notifications-dark.svg"],
.header-right .notifications-button img[src$="notifications-new-dark.svg"] {
filter: invert(1);
}
.dashboard--dark .header-right .notifications-button img[src$="notifications-new-dark.svg"] {
filter: invert(1) hue-rotate(180deg);
}
body.dashboard--inverted .header-right > div:not(#settings) > :first-child {
filter: invert(0) hue-rotate(180deg) !important;
}