Changed styles for focusing and hovering of dropdown list items.

moodle-an-hochschulen · Nov 23, 2020 · dc4dd46 · dc4dd46
1 parent e0da32c
commit dc4dd46
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/CHANGES.md b/CHANGES.md
@@ -6,6 +6,7 @@ Changes
 
 ### Unreleased
 
+* 2020-10-14 - Changed styles for focusing and hovering of dropdown list items.
 * 2020-10-09 - Prepare compatibility for Moodle 3.9.
 
 ### v3.8-r2

diff --git a/styles.css b/styles.css
@@ -45,6 +45,15 @@
     margin: 0 !important;
 }
 
+/* Override Moodle core's styling, because the underline should not appear within the dropdown list. */
+.editor_atto_menu .atto_styles_button .dropdown-menu > li:focus,
+.editor_atto_menu .atto_styles_button .dropdown-menu > li:hover {
+    background-color: #f8f9fa;
+}
+.editor_atto_menu .atto_styles_button .dropdown-menu > li > a:focus {
+    box-shadow: none;
+}
+
 /* Disabled inline style menu item visually */
 .editor_atto_menu .disableinline .atto_styles_button .inlinestyle {
     cursor: default;