MDL-66676 theme/boost: Fix form select element icon in RTL mode

UniGe · Oct 21, 2019 · 22ae180 · 22ae180
1 parent aaff669
commit 22ae180
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/theme/boost/scss/moodle/bootstrap-rtl.scss b/theme/boost/scss/moodle/bootstrap-rtl.scss
@@ -13,6 +13,10 @@
     }
 }
 
+.dir-rtl .custom-select {
+    background-position: 0.75rem center;
+}
+
 /*rtl:raw:
 .dropdown-menu {
     right: auto;

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -9701,6 +9701,9 @@ input[disabled] {
   content: "/";
   /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
 
+.dir-rtl .custom-select {
+  background-position: 0.75rem center; }
+
 /*rtl:raw:
 .dropdown-menu {
     right: auto;

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -9949,6 +9949,9 @@ input[disabled] {
   content: "/";
   /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
 
+.dir-rtl .custom-select {
+  background-position: 0.75rem center; }
+
 /*rtl:raw:
 .dropdown-menu {
     right: auto;