mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Allow RTL-able images to display in Storybook

Browse source
This commit is contained in:
trevor-signal 2023-11-07 18:46:15 -05:00 committed by GitHub
parent ca2b3bacce
commit 8d56ba4b40
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
stylesheets/_mixins.scss
View file

@ -269,26 +269,10 @@ $rtl-icon-map: (
}
@mixin color-svg($svg, $color, $stretch: true, $mask-origin: null) {
$rtl-svg: get-rtl-svg($svg);
@if $rtl-svg {
:dir(ltr) & {
-webkit-mask: url($svg) no-repeat center;
@if $stretch {
-webkit-mask-size: 100%;
}
}
:dir(rtl) & {
-webkit-mask: url($rtl-svg) no-repeat center;
@if $stretch {
-webkit-mask-size: 100%;
}
}
} @else {
-webkit-mask: url($svg) no-repeat center;
}
@if $stretch {
-webkit-mask-size: 100%;
}
@if $mask-origin {
-webkit-mask-origin: $mask-origin;
}
@ -296,6 +280,12 @@ $rtl-icon-map: (
@media (forced-colors: active) {
background-color: WindowText;
}
$rtl-svg: get-rtl-svg($svg);
@if $rtl-svg {
:dir(rtl) & {
-webkit-mask: url($rtl-svg) no-repeat center;
}
}
}
// Keyboard