Fix mirroring of effect icons for RTL
This commit is contained in:
1 parent
75dbed61fa
commit
6be4e5e122
1 file changed
+7
-3
@@ -172,12 +172,16 @@ $border-radius: 0.25rem;
|
||||
margin-bottom: -0.375rem;
|
||||
}
|
||||
|
||||
/* mirror the louder/softer speaker icons when rtl */
|
||||
[dir="rtl"] .effect-button:nth-of-type(6) img {
|
||||
/* mirror the louder/softer/mute speaker icons when rtl */
|
||||
[dir="rtl"] .effect-button:nth-of-type(4) img {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
[dir="rtl"] .effect-button:nth-of-type(7) img {
|
||||
[dir="rtl"] .effect-button:nth-of-type(5) img {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
[dir="rtl"] .effect-button:nth-of-type(6) img {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user