From 6be4e5e1228ad7c0424fcd2559fd28a422401b54 Mon Sep 17 00:00:00 2001
From: Eric Rosenbaum <eric.rosenbaum@gmail.com>
Date: Tue, 23 Jul 2019 18:00:38 -0400
Subject: [PATCH] Fix mirroring of effect icons for RTL
---
src/components/sound-editor/sound-editor.css | 10 +++++++---
1 file changed, 7 insertions(+), 3 deletions(-)
diff --git a/src/components/sound-editor/sound-editor.css b/src/components/sound-editor/sound-editor.css
index 34699a3cf..03cccb22e 100644
--- a/src/components/sound-editor/sound-editor.css
+++ b/src/components/sound-editor/sound-editor.css
@@ -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);
}
--
GitLab