sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Replace more icons with compound (#31381)

Browse Source 
* Replace element-icons/chat-bubbles.svg with compound

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

* Replace element-icons/chat-bubbles.svg with compound

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

* Replace external-link.svg with compound

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

* Replace element-icons/hide.svg with compound

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

* Replace element-icons/explore.svg with compound

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

* Replace element-icons/hash-*.svg with compound

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

* Replace element-icons/share.svg with compound

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

* Replace element-icons/group-members.svg with compound

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

* Replace element-icons/mask-as-*.svg with compound

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

* Replace element-icons/low-priority.svg with compound

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

* Replace element-icons/plus-circle.svg with compound

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

* Replace element-icons/roles.svg with compound

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

* Update jest snapshots

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

* Update screenshots

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

* Update screenshots

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
2025-12-02 15:58:46 +00:00
committed by GitHub
parent 16fbb27983
commit 421a69aede
120 changed files with 83 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/structures/_HomePage.pcss
+2 -2
View File
@@ -88,11 +88,11 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_HomePage_button_explore::before {
mask-image: url("$(res)/img/element-icons/roomlist/explore.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/explore.svg");
}
&.mx_HomePage_button_createGroup::before {
mask-image: url("$(res)/img/element-icons/group-members.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/group.svg");
}
}
}
res/css/structures/_LeftPanel.pcss
+1 -1
View File
@@ -169,7 +169,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_LeftPanel_exploreButton::before {
mask-image: url("$(res)/img/element-icons/roomlist/explore.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/explore.svg");
}
.mx_LeftPanel_recentsButton::before {
res/css/structures/_SpacePanel.pcss
+2 -2
View File
@@ -228,7 +228,7 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_SpaceButton_orphans .mx_SpaceButton_icon::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-circle.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
}
&.mx_SpaceButton_videoRooms .mx_SpaceButton_icon::before {
@@ -453,7 +453,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpacePanel_iconExplore::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-search.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/search.svg");
}
.mx_SpacePanel_iconPreferences::before {
res/css/structures/_SpaceRoomView.pcss
+1 -1
View File
@@ -252,7 +252,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpaceRoomView_privateScope_meAndMyTeammatesButton::before {
mask-image: url("$(res)/img/element-icons/group-members.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/group.svg");
}
}
res/css/views/context_menus/_MessageContextMenu.pcss
+2 -2
View File
@@ -37,7 +37,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_MessageContextMenu_iconPermalink::before {
mask-image: url("$(res)/img/element-icons/room/share.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/share.svg");
}
.mx_MessageContextMenu_iconUnhidePreview::before {
@@ -45,7 +45,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_MessageContextMenu_iconOpenInMapSite::before {
mask-image: url("$(res)/img/external-link.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/pop-out.svg");
}
.mx_MessageContextMenu_iconEndPoll::before {
res/css/views/context_menus/_RoomGeneralContextMenu.pcss
+3 -3
View File
@@ -3,15 +3,15 @@
}
.mx_RoomGeneralContextMenu_iconArrowDown::before {
mask-image: url("$(res)/img/element-icons/roomlist/low-priority.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/arrow-down.svg");
}
.mx_RoomGeneralContextMenu_iconMarkAsRead::before {
mask-image: url("$(res)/img/element-icons/roomlist/mark-as-read.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/mark-as-read.svg");
}
.mx_RoomGeneralContextMenu_iconMarkAsUnread::before {
mask-image: url("$(res)/img/element-icons/roomlist/mark-as-unread.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/mark-as-unread.svg");
}
.mx_RoomGeneralContextMenu_iconSettings::before {
res/css/views/dialogs/_ForwardDialog.pcss
+2 -2
View File
@@ -147,7 +147,7 @@ Please see LICENSE files in the repository root for full details.
&.mx_ForwardList_sending .mx_ForwardList_sendIcon {
background-color: $accent;
mask-image: url("$(res)/img/element-icons/circle-sending.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/circle.svg");
mask-position: center;
mask-repeat: no-repeat;
mask-size: 14px;
@@ -157,7 +157,7 @@ Please see LICENSE files in the repository root for full details.
&.mx_ForwardList_sent .mx_ForwardList_sendIcon {
background-color: $accent;
mask-image: url("$(res)/img/element-icons/circle-sent.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/check-circle.svg");
mask-position: center;
mask-repeat: no-repeat;
mask-size: 14px;
res/css/views/dialogs/_JoinRuleDropdown.pcss
+1 -1
View File
@@ -51,7 +51,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_JoinRuleDropdown_restricted::before {
mask-image: url("$(res)/img/element-icons/group-members.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/group.svg");
mask-size: contain;
}
res/css/views/dialogs/_RoomSettingsDialog.pcss
+2 -2
View File
@@ -21,7 +21,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_RoomSettingsDialog_rolesIcon::before {
mask-image: url("$(res)/img/element-icons/room/settings/roles.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/admin.svg");
}
.mx_RoomSettingsDialog_notificationsIcon::before {
@@ -42,7 +42,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_RoomSettingsDialog_peopleIcon::before {
mask-image: url("$(res)/img/element-icons/group-members.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/group.svg");
}
.mx_RoomSettingsDialog .mx_Dialog_title {
res/css/views/dialogs/_SpotlightDialog.pcss
+6 -6
View File
@@ -97,7 +97,7 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_SpotlightDialog_filterPublicRooms::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-circle.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
}
&.mx_SpotlightDialog_filterPublicSpaces::before {
@@ -414,7 +414,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpotlightDialog_createRoom .mx_AccessibleButton::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
}
.mx_SpotlightDialog_otherSearches {
@@ -447,11 +447,11 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpotlightDialog_joinRoomAlias::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-circle.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
}
.mx_SpotlightDialog_explorePublicRooms::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-circle.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
}
.mx_SpotlightDialog_explorePublicSpaces::before {
@@ -459,7 +459,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpotlightDialog_startGroupChat::before {
mask-image: url("$(res)/img/element-icons/group-members.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/group.svg");
}
.mx_SpotlightDialog_searchMessages::before {
@@ -523,7 +523,7 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_SpotlightDialog_metaspaceResult_orphans-space {
mask-image: url("$(res)/img/element-icons/roomlist/hash-circle.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
}
}
}
res/css/views/elements/_ExternalLink.pcss
+1 -1
View File
@@ -12,7 +12,7 @@ Please see LICENSE files in the repository root for full details.
.mx_ExternalLink_icon {
display: inline-block;
mask-image: url("$(res)/img/external-link.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/pop-out.svg");
background-color: currentColor;
mask-repeat: no-repeat;
mask-size: contain;
res/css/views/messages/_CreateEvent.pcss
+1 -1
View File
@@ -11,6 +11,6 @@ Please see LICENSE files in the repository root for full details.
&::before {
background-color: $header-panel-text-primary-color;
mask-image: url("$(res)/img/element-icons/chat-bubbles.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chat-solid.svg");
}
}
res/css/views/messages/_HiddenBody.pcss
+1 -1
View File
@@ -18,7 +18,7 @@ Please see LICENSE files in the repository root for full details.
height: 14px;
width: 14px;
background-color: $muted-fg-color;
mask-image: url("$(res)/img/element-icons/hide.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/visibility-off.svg");
mask-repeat: no-repeat;
mask-position: center;
res/css/views/rooms/_EventTile.pcss
+2 -2
View File
@@ -61,11 +61,11 @@ $left-gutter: 64px;
}
.mx_EventTile_receiptSent::before {
mask-image: url("$(res)/img/element-icons/circle-sent.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/check-circle.svg");
}
.mx_EventTile_receiptSending::before {
mask-image: url("$(res)/img/element-icons/circle-sending.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/circle.svg");
}
.mx_EventTile_content {
res/css/views/rooms/_HistoryTile.pcss
+1 -1
View File
@@ -11,6 +11,6 @@ Please see LICENSE files in the repository root for full details.
&::before {
background-color: $header-panel-text-primary-color;
mask-image: url("$(res)/img/element-icons/hide.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/visibility-off.svg");
}
}
res/css/views/rooms/_LegacyRoomList.pcss
+5 -5
View File
@@ -11,23 +11,23 @@ Please see LICENSE files in the repository root for full details.
}
.mx_LegacyRoomList_iconPlus::before {
mask-image: url("$(res)/img/element-icons/roomlist/plus-circle.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/plus.svg");
}
.mx_LegacyRoomList_iconNewRoom::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-plus.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/plus.svg");
}
.mx_LegacyRoomList_iconNewVideoRoom::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-video.svg");
}
.mx_LegacyRoomList_iconAddExistingRoom::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
}
.mx_LegacyRoomList_iconExplore::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-search.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/search.svg");
}
.mx_LegacyRoomList_iconStartChat::before {
mask-image: url("@vector-im/compound-design-tokens/icons/user-add-solid.svg");
}
.mx_LegacyRoomList_iconInvite::before {
mask-image: url("$(res)/img/element-icons/room/share.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/share.svg");
}
res/css/views/rooms/_LegacyRoomListHeader.pcss
+2 -2
View File
@@ -95,13 +95,13 @@ Please see LICENSE files in the repository root for full details.
mask-image: url("@vector-im/compound-design-tokens/icons/user-add-solid.svg");
}
.mx_LegacyRoomListHeader_iconNewRoom::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-plus.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/plus.svg");
}
.mx_LegacyRoomListHeader_iconNewVideoRoom::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-video.svg");
}
.mx_LegacyRoomListHeader_iconExplore::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-search.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/search.svg");
}
.mx_LegacyRoomListHeader_iconPlus::before {
mask-image: url("@vector-im/compound-design-tokens/icons/plus.svg");
res/css/views/rooms/_LiveContentSummary.pcss
+1 -1
View File
@@ -43,7 +43,7 @@ Please see LICENSE files in the repository root for full details.
vertical-align: text-bottom;
content: "";
background-color: $secondary-content;
mask-image: url("$(res)/img/element-icons/group-members.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/group.svg");
mask-size: 16px;
width: 16px;
height: 16px;
res/css/views/terms/_InlineTermsAgreement.pcss
+1 -1
View File
@@ -27,7 +27,7 @@ Please see LICENSE files in the repository root for full details.
.mx_InlineTermsAgreement_link {
display: inline-block;
mask-image: url("$(res)/img/external-link.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/pop-out.svg");
background-color: $accent;
mask-repeat: no-repeat;
mask-size: contain;