From 07193bcb006fdac2a0a05d5b2adc47d2aa21ea1c Mon Sep 17 00:00:00 2001 From: Julien Boulen <julien.boulen@univ-rennes2.fr> Date: Tue, 31 Jan 2023 15:17:15 +0100 Subject: [PATCH] MDL-76945 theme: fix the rendering of arrows on dropdown variants --- theme/boost/scss/moodle/core.scss | 21 +++++++++++++++++++++ theme/boost/style/moodle.css | 22 ++++++++++++++++++++++ theme/classic/style/moodle.css | 22 ++++++++++++++++++++++ 3 files changed, 65 insertions(+) diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss index 74b1be396d6..01f15ac031c 100644 --- 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 index 5ca024422e1..2d5c75b7a9c 100644 --- 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 index 1d3dd895ef7..3d6ded118dd 100644 --- 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; }