ehealthsolutions/healthchat-web
3
0
Fork 0
mirror of https://github.com/Novaloop-AG/healthchat-web.git synced 2026-11-07 06:58:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

De-duplicate icons using Compound Design Tokens

Browse Source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski
2024-07-22 09:56:53 +01:00
parent d202295015
commit 773b93e96d
230 changed files with 246 additions and 939 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/views/dialogs/_AddExistingToSpaceDialog.pcss
+2 -2
View File
@@ -133,7 +133,7 @@ limitations under the License.
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
mask-image: url("$(res)/img/element-icons/retry.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/restart.svg");
width: 18px;
height: 18px;
left: 0;
@@ -205,7 +205,7 @@ limitations under the License.
mask-size: contain;
mask-repeat: no-repeat;
background-color: $accent;
mask-image: url("$(res)/img/element-icons/roomlist/checkmark.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
}
}
}
res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss
+1 -1
View File
@@ -44,7 +44,7 @@ limitations under the License.
}
.mx_AnalyticsLearnMore_bullets li {
background: url("$(res)/img/tick-circle.svg") no-repeat;
background: url("@vector-im/compound-design-tokens/icons/check-circle.svg") no-repeat;
list-style-type: none;
padding: 2px 0px 20px 32px;
vertical-align: middle;
res/css/views/dialogs/_ConfirmSpaceUserActionDialog.pcss
+1 -1
View File
@@ -59,7 +59,7 @@ limitations under the License.
background-color: $secondary-content;
mask-repeat: no-repeat;
mask-size: contain;
mask-image: url("$(res)/img/element-icons/room/room-summary.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/info-solid.svg");
mask-position: center;
}
}
res/css/views/dialogs/_InviteDialog.pcss
+1 -1
View File
@@ -356,7 +356,7 @@ limitations under the License.
height: 24px;
grid-column: 1;
grid-row: 1;
mask-image: url("$(res)/img/feather-customised/check.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
mask-size: 100%;
mask-repeat: no-repeat;
position: absolute;
res/css/views/dialogs/_JoinRuleDropdown.pcss
+1 -1
View File
@@ -49,7 +49,7 @@ limitations under the License.
.mx_JoinRuleDropdown_invite::before {
box-sizing: border-box;
mask-image: url("$(res)/img/element-icons/lock.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
mask-size: contain;
padding: 1px;
}
res/css/views/dialogs/_LeaveSpaceDialog.pcss
+1 -1
View File
@@ -53,7 +53,7 @@ limitations under the License.
background-color: $secondary-content;
mask-repeat: no-repeat;
mask-size: contain;
mask-image: url("$(res)/img/element-icons/room/room-summary.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/info-solid.svg");
mask-position: center;
}
}
res/css/views/dialogs/_ManageRestrictedJoinRuleDialog.pcss
+1 -1
View File
@@ -116,7 +116,7 @@ limitations under the License.
background-color: $secondary-content;
mask-repeat: no-repeat;
mask-size: contain;
mask-image: url("$(res)/img/element-icons/room/room-summary.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/info-solid.svg");
mask-position: center;
}
}
res/css/views/dialogs/_PollCreateDialog.pcss
+1 -1
View File
@@ -60,7 +60,7 @@ limitations under the License.
&::before {
content: "";
mask: url("$(res)/img/element-icons/x-8px.svg");
mask: url("@vector-im/compound-design-tokens/icons/close.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: cover;
res/css/views/dialogs/_RoomSettingsDialog.pcss
+3 -3
View File
@@ -18,7 +18,7 @@ limitations under the License.
/* ========================================================== */
.mx_RoomSettingsDialog_settingsIcon::before {
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
.mx_RoomSettingsDialog_voiceIcon::before {
@@ -26,7 +26,7 @@ limitations under the License.
}
.mx_RoomSettingsDialog_securityIcon::before {
mask-image: url("$(res)/img/element-icons/security.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
}
.mx_RoomSettingsDialog_rolesIcon::before {
@@ -65,7 +65,7 @@ limitations under the License.
/* show a different AvatarSetting placeholder for RoomProfileSettings which is basically a clone of ProfileSettings */
.mx_RoomSettingsDialog .mx_AvatarSetting_avatar .mx_AvatarSetting_avatarPlaceholder::before {
mask: url("$(res)/img/feather-customised/image.svg");
mask: url("@vector-im/compound-design-tokens/icons/image.svg");
mask-repeat: no-repeat;
mask-size: 36px;
mask-position: center;
res/css/views/dialogs/_SpaceSettingsDialog.pcss
+1 -1
View File
@@ -82,7 +82,7 @@ limitations under the License.
.mx_TabbedView_tabLabel {
.mx_SpaceSettingsDialog_generalIcon::before {
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
.mx_SpaceSettingsDialog_visibilityIcon::before {
res/css/views/dialogs/_SpotlightDialog.pcss
+8 -8
View File
@@ -101,7 +101,7 @@ limitations under the License.
}
&.mx_SpotlightDialog_filterPeople::before {
mask-image: url("$(res)/img/element-icons/room/members.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
}
&.mx_SpotlightDialog_filterPublicRooms::before {
@@ -136,7 +136,7 @@ limitations under the License.
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
mask-image: url("$(res)/img/cancel-small.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
}
}
}
@@ -366,7 +366,7 @@ limitations under the License.
}
.mx_SpotlightDialog_option--menu::before {
mask-image: url("$(res)/img/element-icons/context-menu.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/overflow-horizontal.svg");
}
&:hover,
@@ -410,7 +410,7 @@ limitations under the License.
}
.mx_SpotlightDialog_inviteLink .mx_AccessibleButton::before {
mask-image: url("$(res)/img/element-icons/link.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/link.svg");
}
.mx_SpotlightDialog_createRoom .mx_AccessibleButton::before {
@@ -442,7 +442,7 @@ limitations under the License.
}
.mx_SpotlightDialog_startChat::before {
mask-image: url("$(res)/img/element-icons/room/members.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
}
.mx_SpotlightDialog_joinRoomAlias::before {
@@ -518,15 +518,15 @@ limitations under the License.
mask-size: contain;
&.mx_SpotlightDialog_metaspaceResult_home-space {
mask-image: url("$(res)/img/element-icons/home.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/home-solid.svg");
}
&.mx_SpotlightDialog_metaspaceResult_favourites-space {
mask-image: url("$(res)/img/element-icons/roomlist/favorite.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/favourite-solid.svg");
}
&.mx_SpotlightDialog_metaspaceResult_people-space {
mask-image: url("$(res)/img/element-icons/room/members.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
}
&.mx_SpotlightDialog_metaspaceResult_orphans-space {
res/css/views/dialogs/_UserSettingsDialog.pcss
+3 -3
View File
@@ -35,7 +35,7 @@ limitations under the License.
/* ========================================================== */
.mx_UserSettingsDialog_settingsIcon::before {
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
.mx_UserSettingsDialog_appearanceIcon::before {
@@ -63,11 +63,11 @@ limitations under the License.
}
.mx_UserSettingsDialog_securityIcon::before {
mask-image: url("$(res)/img/element-icons/security.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
}
.mx_UserSettingsDialog_sessionsIcon::before {
mask-image: url("$(res)/img/element-icons/settings/devices.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/devices.svg");
}
.mx_UserSettingsDialog_helpIcon::before {
res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss
+2 -2
View File
@@ -88,7 +88,7 @@ limitations under the License.
color: $accent;
&::before {
mask-image: url("$(res)/img/feather-customised/check.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
background-color: $accent;
}
}
@@ -97,7 +97,7 @@ limitations under the License.
color: $alert;
&::before {
mask-image: url("$(res)/img/feather-customised/x.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
background-color: $alert;
}
}