MDL-76945 theme: fix the rendering of arrows on dropdown variants

safatshahin · Jan 31, 2023 · 07193bc · 07193bc
1 parent 880462a
commit 07193bc
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 0 deletions.
diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
@@ -2958,6 +2958,27 @@ body.dragging {
     font-size: 9px;
     width: 9px;
     border: 0;
+
+}
+
+.dropleft .dropdown-toggle::before {
+    border: 0;
+    content: $fa-var-chevron-left;
+    @include fa-icon();
+    font-size: 9px;
+    margin-left: 0;
+    margin-right: 4px;
+    width: 9px;
+}
+
+.dropright .dropdown-toggle::after {
+    border: 0;
+    content: $fa-var-chevron-right;
+}
+
+.dropup .dropdown-toggle::after {
+    border: 0;
+    content: $fa-var-chevron-up;
 }
 
 .select-menu {

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -12270,6 +12270,28 @@ body.dragging .dragging {
   width: 9px;
   border: 0; }
 
+.dropleft .dropdown-toggle::before {
+  border: 0;
+  content: "";
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 9px;
+  margin-left: 0;
+  margin-right: 4px;
+  width: 9px; }
+
+.dropright .dropdown-toggle::after {
+  border: 0;
+  content: ""; }
+
+.dropup .dropdown-toggle::after {
+  border: 0;
+  content: ""; }
+
 .select-menu li:first-child ul[role="group"] {
   padding: 0; }
 

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -12270,6 +12270,28 @@ body.dragging .dragging {
   width: 9px;
   border: 0; }
 
+.dropleft .dropdown-toggle::before {
+  border: 0;
+  content: "";
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 9px;
+  margin-left: 0;
+  margin-right: 4px;
+  width: 9px; }
+
+.dropright .dropdown-toggle::after {
+  border: 0;
+  content: ""; }
+
+.dropup .dropdown-toggle::after {
+  border: 0;
+  content: ""; }
+
 .select-menu li:first-child ul[role="group"] {
   padding: 0; }