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

Deduplicate media & voip icons using Compound Design Tokens (#129)

Browse source 
* Deduplicate media & voip icons using Compound Design Tokens

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

* Update tests

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-08 13:00:37 +01:00 • committed by GitHub
parent 197168b3ba
commit df4a223eb6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
49 changed files with 497 additions and 149 deletions
Download patch file Download diff file Expand all files Collapse all files

16
res/css/views/audio_messages/_PlayPauseButton.pcss
View file

@ -21,6 +21,10 @@ Please see LICENSE files in the repository root for full details.
background-color: $secondary-content;
mask-repeat: no-repeat;
mask-size: contain;
top: 6px; /* center */
left: 6px; /* center */
width: 20px;
height: 20px;
}
&.mx_PlayPauseButton_disabled::before {
@ -28,18 +32,10 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_PlayPauseButton_play::before {
width: 13px;
height: 16px;
top: 8px; /* center */
left: 12px; /* center */
mask-image: url("$(res)/img/element-icons/play.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/play-solid.svg");
}
&.mx_PlayPauseButton_pause::before {
width: 10px;
height: 12px;
top: 10px; /* center */
left: 11px; /* center */
mask-image: url("$(res)/img/element-icons/pause.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/pause-solid.svg");
}
}