Changeset 7856

Timestamp:

11/16/2018 07:29:20 PM (6 years ago)

Author:

coffee2code

Message:

Gutenberg: Improve styling of handbook sidebar menu.

• Increases specificity for sidebar menu 'ul' styling to ensure no left margin
• Sets background color for expansion toggle to white for current item or its unexpanded ancestor
• Removes focus outline
• Overrides default :visited color link
• Highlights current item expansion toggle on hover, as done for non-current expansion toggles

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/gutenberg/style.css (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/gutenberg/style.css

@@ -1419 +1419 @@
   font-size: 0.8em;
 }
-.menu-table-of-contents-container ul {
+
+.menu-table-of-contents-container *:focus {
+  outline: 0;
+}
+
+.site-content .menu-table-of-contents-container ul {
   margin-left: 0;
   padding-left: 0;
@@ -1465 +1470 @@
   border-left: none;
 }
-.menu-table-of-contents-container .open .expandable .dashicons:not(:focus) {
+.menu-table-of-contents-container .current_page_ancestor:not(.open) .expandable .dashicons:not(:focus),
+.menu-table-of-contents-container .current_page_item .expandable .dashicons:not(:focus) {
+    background-color: #fff;
     color: #0073aa;
 }
-.menu-table-of-contents-container .open .expandable .dashicons:hover {
-    background-color: #0073aa;
-    color: #fff;
+.menu-table-of-contents-container .current_page_ancestor .expandable .dashicons:hover,
+.menu-table-of-contents-container .current_page_item .expandable .dashicons:hover {
+    background-color: #0073aa !important;
+    color: #fff !important;
 }
 .menu-table-of-contents-container ul a {
@@ -1487 +1495 @@
   color: #555;
   background-color: #fff;
+}
+.menu-table-of-contents-container ul a:visited:not(:hover) {
+  color: #0073aa;
 }
 .menu-table-of-contents-container > ul > li:last-child {