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

Switch to Compound icons to replace old icons (#31667)

Browse Source 
* Switch to Compound icons to replace old icons

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

* Apply same treatment to missed icons

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

* Iterate

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

* Update snapshots

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

* Remove duplicated icon

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

* Update icon

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

* Update snapshots

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-08 15:50:02 +00:00
committed by GitHub
parent 7d72775af9
commit ce741f055c
36 changed files with 60 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss
+1 -26
View File
@@ -57,14 +57,7 @@ Please see LICENSE files in the repository root for full details.
position: relative;
top: 5px;
background-color: $primary-content;
}
.mx_CreateSecretStorageDialog_secureBackupTitle::before {
mask-image: url("$(res)/img/feather-customised/secure-backup.svg");
}
.mx_CreateSecretStorageDialog_securePhraseTitle::before {
mask-image: url("$(res)/img/feather-customised/secure-phrase.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/key-solid.svg");
}
.mx_CreateSecretStorageDialog_centeredTitle,
@@ -100,24 +93,6 @@ Please see LICENSE files in the repository root for full details.
padding-bottom: 10px;
}
.mx_CreateSecretStorageDialog_optionIcon {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 8px;
position: relative;
top: 5px;
background-color: $primary-content;
}
.mx_CreateSecretStorageDialog_optionIcon_securePhrase {
mask-image: url("$(res)/img/feather-customised/secure-phrase.svg");
}
.mx_CreateSecretStorageDialog_optionIcon_secureBackup {
mask-image: url("$(res)/img/feather-customised/secure-backup.svg");
}
.mx_CreateSecretStorageDialog_passPhraseContainer {
display: flex;
align-items: flex-start;
res/css/views/elements/_ImageView.pcss
+5 -5
View File
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
*/
$button-size: 32px;
$icon-size: 22px;
$icon-size: 24px;
$button-gap: 24px;
:root {
@@ -109,19 +109,19 @@ $button-gap: 24px;
}
.mx_ImageView_button_rotateCW::before {
mask-image: url("$(res)/img/image-view/rotate-cw.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/rotate-right.svg");
}
.mx_ImageView_button_rotateCCW::before {
mask-image: url("$(res)/img/image-view/rotate-ccw.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/rotate-left.svg");
}
.mx_ImageView_button_zoomOut::before {
mask-image: url("$(res)/img/image-view/zoom-out.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/zoom-out.svg");
}
.mx_ImageView_button_zoomIn::before {
mask-image: url("$(res)/img/image-view/zoom-in.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/zoom-in.svg");
}
.mx_ImageView_button_download::before {
res/css/views/messages/_LegacyCallEvent.pcss
+1 -1
View File
@@ -83,7 +83,7 @@ Please see LICENSE files in the repository root for full details.
&.mx_LegacyCallEvent_missed {
&.mx_LegacyCallEvent_voice {
.mx_LegacyCallEvent_type_icon::before {
mask-image: url("$(res)/img/voip/missed-voice.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/voice-call-missed-solid.svg");
}
}
res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss
+2 -2
View File
@@ -105,7 +105,7 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_LegacyCallViewButtons_button_sidebar::before {
mask-image: url("$(res)/img/voip/call-view/sidebar-on.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/list-view.svg");
}
}
@@ -139,7 +139,7 @@ Please see LICENSE files in the repository root for full details.
background-color: $call-view-button-on-background;
&::before {
mask-image: url("$(res)/img/voip/call-view/sidebar-off.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/spotlight-view.svg");
background-color: $call-view-button-on-foreground;
}
}