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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user