MDL-71550 theme_boost: improve dropdown hover styles

moodle · Aug 19, 2021 · d7ebcac · d7ebcac
1 parent fa2e1ed
commit d7ebcac
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
@@ -2347,7 +2347,8 @@ $footer-link-color: $bg-inverse-link-color !default;
     &:focus,
     &:focus-within {
         outline: 0;
-        background-color: $dropdown-link-hover-bg;
+        background-color: $dropdown-link-active-bg;
+        color: $dropdown-link-active-color;
         a {
             color: $dropdown-link-active-color;
         }

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -11530,7 +11530,8 @@ ul {
 
 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
   outline: 0;
-  background-color: #0f6fc5; }
+  background-color: #0f6fc5;
+  color: #fff; }
   .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
     color: #fff; }
 

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -11740,7 +11740,8 @@ ul {
 
 .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
   outline: 0;
-  background-color: #0f6fc5; }
+  background-color: #0f6fc5;
+  color: #fff; }
   .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
     color: #fff; }