From ae60dd25f611ad2aef5a3e057e37c8f113588ad0 Mon Sep 17 00:00:00 2001 From: Julien Boulen Date: Tue, 31 Jan 2023 15:21:53 +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 1161decae35..64a56ba34d1 100644 --- a/theme/boost/scss/moodle/core.scss +++ b/theme/boost/scss/moodle/core.scss @@ -2941,6 +2941,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; } .initialbargroups ul { diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css index 9f83f6dc963..3f567c1b794 100644 --- a/theme/boost/style/moodle.css +++ b/theme/boost/style/moodle.css @@ -12258,6 +12258,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: ""; } + .initialbargroups ul { -webkit-margin-start: 0; /* stylelint-disable-line */ diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css index e65b9eb9fe5..5700e4cd999 100644 --- a/theme/classic/style/moodle.css +++ b/theme/classic/style/moodle.css @@ -12258,6 +12258,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: ""; } + .initialbargroups ul { -webkit-margin-start: 0; /* stylelint-disable-line */