imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Deduplicate icons using Compound Design Tokens (#28219)

Browse source 
* Deduplicate icons using Compound Design Tokens

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

* Iterate

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

* Iterate

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

* Iterate

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

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2024-10-18 14:51:54 +01:00 • committed by GitHub
parent e5a436a00a
commit 90e8c13c0f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
49 changed files with 72 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/css/views/elements/_AccessibleButton.pcss
View file

@ -64,7 +64,7 @@ Please see LICENSE files in the repository root for full details.
background-color: var(--cpd-color-bg-action-primary-rest);
&::before {
mask-image: url("$(res)/img/feather-customised/check.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
}
}

3
res/css/views/elements/_ImageView.pcss
View file

@ -129,7 +129,8 @@ $button-gap: 24px;
}
.mx_ImageView_button_more::before {
mask-image: url("$(res)/img/image-view/more.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/overflow-horizontal.svg");
mask-size: 28px;
}
.mx_ImageView_button_close {

2
res/css/views/elements/_StyledCheckbox.pcss
View file

@ -43,7 +43,7 @@ Please see LICENSE files in the repository root for full details.
height: 100%;
width: 100%;
mask-image: url("$(res)/img/feather-customised/check.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
mask-position: center;
mask-size: 100%;
mask-repeat: no-repeat;

2
res/css/views/elements/_Validation.pcss
View file

@ -44,7 +44,7 @@ Please see LICENSE files in the repository root for full details.
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;
}
}