Update notification icons using Compound icons (#31671)

* Update notification icons using Compound icons

For https://element-io.atlassian.net/browse/PSB-968

This removes icons in places where we only have on/off variants rather than the previous 4

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update tests

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update screenshot

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski
2026-01-07 15:58:28 +00:00
committed by GitHub
parent 6e9d168dd2
commit d060b77e8f
15 changed files with 97 additions and 109 deletions
@@ -17,21 +17,8 @@ Please see LICENSE files in the repository root for full details.
font-weight: var(--cpd-font-weight-semibold);
margin-top: 16px;
position: relative;
padding-left: 8px;
align-items: center;
&::before {
content: "";
position: absolute;
height: 24px;
width: 24px;
left: 0;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
background-color: $secondary-content;
}
input + div {
margin-top: 8px;
}
@@ -44,22 +31,6 @@ Please see LICENSE files in the repository root for full details.
margin-right: 32px;
}
}
.mx_NotificationSettingsTab_defaultEntry::before {
mask-image: url("$(res)/img/element-icons/notifications.svg");
}
.mx_NotificationSettingsTab_allMessagesEntry::before {
mask-image: url("$(res)/img/element-icons/roomlist/notifications-default.svg");
}
.mx_NotificationSettingsTab_mentionsKeywordsEntry::before {
mask-image: url("$(res)/img/element-icons/roomlist/notifications-dm.svg");
}
.mx_NotificationSettingsTab_noneEntry::before {
mask-image: url("$(res)/img/element-icons/roomlist/notifications-off.svg");
}
}
input[type="file"].mx_NotificationSound_soundUpload {