nikrozman/element-web
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Replace more icons with compound (#31378)

Browse Source 
* Replace element-icons/room/composer/attach.svg with compound

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

* Replace element-icons/room/*/emoji.svg with compound

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

* Replace element-icons/room/message-bar/edit.svg with compound

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

* Replace element-icons/room/composer/poll.svg with compound

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

* Replace element-icons/room/composer/plain_text.svg with compound

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

* Remove unused star.svg

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

* Replace element-icons/upload.svg with compound

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

* Replace element-icons/settings/preference.svg with compound

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

* Replace element-icons/settings/flask.svg with compound

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

* Replace element-icons/settings/appearance.svg with compound

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

* Update snapshots

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

* Iterate

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

* Update screenshots

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

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski
2025-12-01 13:16:08 +00:00
committed by GitHub
parent f00b643774
commit 7ca4c8bd7f
75 changed files with 165 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/views/context_menus/_IconizedContextMenu.pcss
View File

@@ -156,7 +156,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_IconizedContextMenu_developerTools::before {
mask-image: url("$(res)/img/element-icons/settings/flask.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/labs.svg");
}
.mx_IconizedContextMenu_checked::before {

6
res/css/views/context_menus/_MessageContextMenu.pcss
View File

@@ -41,7 +41,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_MessageContextMenu_iconUnhidePreview::before {
mask-image: url("$(res)/img/element-icons/settings/appearance.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/visibility-on.svg");
}
.mx_MessageContextMenu_iconOpenInMapSite::before {
@@ -88,7 +88,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_MessageContextMenu_iconEdit::before {
mask-image: url("$(res)/img/element-icons/room/message-bar/edit.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/edit.svg");
}
.mx_MessageContextMenu_iconReply::before {
@@ -100,7 +100,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_MessageContextMenu_iconReact::before {
mask-image: url("$(res)/img/element-icons/room/message-bar/emoji.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/reaction-add.svg");
}
.mx_MessageContextMenu_iconViewInRoom::before {

2
res/css/views/dialogs/_RoomSettingsDialog.pcss
View File

@@ -34,7 +34,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_RoomSettingsDialog_pollsIcon::before {
mask-image: url("$(res)/img/element-icons/room/composer/poll.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/polls.svg");
}
.mx_RoomSettingsDialog_warningIcon::before {

2
res/css/views/dialogs/_SpacePreferencesDialog.pcss
View File

@@ -28,5 +28,5 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpacePreferencesDialog_appearanceIcon::before {
mask-image: url("$(res)/img/element-icons/settings/appearance.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/visibility-on.svg");
}

6
res/css/views/messages/_MFileBody.pcss
View File

@@ -45,10 +45,10 @@ Please see LICENSE files in the repository root for full details.
mask-repeat: no-repeat;
mask-position: center;
mask-size: cover;
mask-image: url("$(res)/img/element-icons/room/composer/attach.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/attachment.svg");
background-color: $secondary-content;
width: 15px;
height: 15px;
width: 16px;
height: 16px;
position: absolute;
top: 8px;

2
res/css/views/messages/_MPollBody.pcss
View File

@@ -41,7 +41,7 @@ Please see LICENSE files in the repository root for full details.
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
mask-image: url("$(res)/img/element-icons/room/composer/poll.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/polls.svg");
}
.mx_MPollBody_totalVotes {

2
res/css/views/messages/_ReactionsRow.pcss
View File

@@ -27,7 +27,7 @@ Please see LICENSE files in the repository root for full details.
mask-repeat: no-repeat;
mask-position: center;
background-color: $tertiary-content;
mask-image: url("$(res)/img/element-icons/room/message-bar/emoji.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/reaction-add.svg");
}
&.mx_ReactionsRow_addReactionButton_active {

2
res/css/views/rooms/_EmojiButton.pcss
View File

@@ -15,7 +15,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_EmojiButton_icon::before {
mask-image: url("$(res)/img/element-icons/room/composer/emoji.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/reaction.svg");
}
.mx_MessageComposer_wysiwyg {

7
res/css/views/rooms/_MessageComposer.pcss
View File

@@ -245,11 +245,11 @@ Please see LICENSE files in the repository root for full details.
}
.mx_MessageComposer_upload::before {
mask-image: url("$(res)/img/element-icons/room/composer/attach.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/attachment.svg");
}
.mx_MessageComposer_poll::before {
mask-image: url("$(res)/img/element-icons/room/composer/poll.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/polls.svg");
}
.mx_MessageComposer_voiceMessage::before {
@@ -257,7 +257,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_MessageComposer_plain_text::before {
mask-image: url("$(res)/img/element-icons/room/composer/plain_text.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/text-formatting.svg");
}
.mx_MessageComposer_rich_text::before {
@@ -274,7 +274,6 @@ Please see LICENSE files in the repository root for full details.
.mx_MessageComposer_buttonMenu::before {
mask-image: url("@vector-im/compound-design-tokens/icons/overflow-horizontal.svg");
mask-size: 24px;
}
.mx_MessageComposer_sendMessage {