Changeset 9428 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

Timestamp:

01/28/2020 06:44:02 PM (5 years ago)

Author:

coffee2code

Message:

Developer theme: More handbook sidebar menu design improvements.

• Decrease padding-right for menu items which do not have children
• Embolden the name of the current page in the menu

Props rilwis, coffee2code.
See #4901, #4467.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

@@ -2084 +2084 @@
                 border-left: none;
             }
+    
+            &.menu-item-has-children > .expandable > a {
+                padding-right: 40px;
+            }
         }
 
@@ -2090 +2094 @@
             width: 100%;
             font-size: 1.05em;
-            padding: 8px 40px 8px 13px;
+            padding: 8px 8px 8px 13px;
             text-decoration: none;
 
@@ -2097 +2101 @@
                 color: #fff;
                 background-color: #0073aa;
+                font-weight: bold;
             }
             &.active {
@@ -2109 +2114 @@
     }
     & > ul > li {
-        .children > li > a,
-        .sub-menu > li > a {
-            padding-left: 13px;
-        }
-        .children > li > ul > li > a,
-        .sub-menu > li > ul > li > a {
-            padding-left: 13px;
-        }
-
         &.open > div > a {
             &:not(:focus) {