MDL-68749 theme: Fix bootstrap toggle switches in RTL layout

Co-authored-by: Bas Brands <[email protected]>
mvaraujo · Nov 3, 2020 · fe60d58 · fe60d58
1 parent 99680d1
commit fe60d58
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/theme/boost/scss/moodle/bootstrap-rtl.scss b/theme/boost/scss/moodle/bootstrap-rtl.scss
@@ -23,4 +23,8 @@
     left: 0;
     text-align: right;
 }
-*/
+*/
+
+.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+    transform: translateX(-($custom-switch-width - $custom-control-indicator-size));
+}
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -9625,6 +9625,9 @@ a.text-dark:hover, a.text-dark:focus {
     text-align: right;
 }
 */
+.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+  transform: translateX(-0.9375rem); }
+
 /**
  * Moodle variables
  *

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -9828,6 +9828,9 @@ a.text-dark:hover, a.text-dark:focus {
     text-align: right;
 }
 */
+.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+  transform: translateX(-0.75rem); }
+
 /**
  * Moodle variables
  *