Skip to content

Switch from css masks to rendering svg#31681

Merged
t3chguy merged 30 commits intodevelopfrom
t3chguy/svg-icons-20260108
Jan 16, 2026
Merged

Switch from css masks to rendering svg#31681
t3chguy merged 30 commits intodevelopfrom
t3chguy/svg-icons-20260108

Conversation

@t3chguy
Copy link
Member

@t3chguy t3chguy commented Jan 8, 2026

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

Improves accessibility under contrast control mode

Icons were removed from CreateSecretStorageDialog as 2 legacy icons (secure-backup.svg & secure-phrase.svg) were both deemed to map to the same Compound icon KeySolid which looked confusing given they were being used to decorate 2 different options. Design stated that the icons don't add much and thus can be removed.

t3chguy added 22 commits January 6, 2026 15:17
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
…o t3chguy/compound-icons-20260106

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

# Conflicts:
#	yarn.lock
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
…o t3chguy/svg-icons-20260108

# Conflicts:
#	res/css/views/right_panel/_ExtensionsCard.pcss
#	yarn.lock
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
@CLAassistant
Copy link

CLAassistant commented Jan 8, 2026

CLA assistant check
All committers have signed the CLA.

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Base automatically changed from t3chguy/compound-icons-20260106 to develop January 8, 2026 16:09
…o t3chguy/svg-icons-20260108

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

# Conflicts:
#	res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss
#	res/css/views/elements/_ImageView.pcss
#	src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx
#	test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap
#	yarn.lock
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Copy link
Member

@richvdh richvdh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please could you document the decisions made about CreateSecretStorageDialog in the PR?

@t3chguy t3chguy requested a review from richvdh January 14, 2026 12:34
Copy link
Member

@richvdh richvdh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@t3chguy t3chguy added this pull request to the merge queue Jan 16, 2026
Merged via the queue into develop with commit 7e5a3a5 Jan 16, 2026
37 checks passed
@t3chguy t3chguy deleted the t3chguy/svg-icons-20260108 branch January 16, 2026 10:11
rbondesson pushed a commit to ZacksBot/element-web that referenced this pull request Jan 22, 2026
* 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>

* Switch from css masks to rendering svg in ImageView

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

* Switch from css masks to rendering svg in ExtensionsCard

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

* Switch from css masks to rendering svg in LegacyRoomListHeader

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

* Switch from css masks to rendering svg in ImageSizePanel

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

* Switch from css masks to rendering svg in LegacyRoomList

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

* Remove icon from CreateSecretStorageDialog title

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

* Switch from css masks to rendering svg in LiveContentSummary

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

* Switch from css masks to rendering svg in RoomCallBanner

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

* Switch from css masks to rendering svg in NonUrgentEchoFailureToast

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

* Switch from css masks to rendering svg in LegacyCallViewHeader

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

* Switch from css masks to rendering svg in CallEvent

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

* Delint

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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants