Changeset 9428

Timestamp:

01/28/2020 06:44:02 PM (7 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.

Location:

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

Files:

• scss/main.scss (modified) (4 diffs)
• stylesheets/main.css (modified) (3 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) {

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

@@ -2474 +2474 @@
 }
 
+div[class*="-table-of-contents-container"] ul li.menu-item-has-children > .expandable > a {
+  padding-right: 40px;
+}
+
 div[class*="-table-of-contents-container"] ul a {
   display: block;
   width: 100%;
   font-size: 1.05em;
-  padding: 8px 40px 8px 13px;
+  padding: 8px 8px 8px 13px;
   text-decoration: none;
 }
@@ -2485 +2489 @@
   color: #fff;
   background-color: #0073aa;
+  font-weight: bold;
 }
 
@@ -2494 +2499 @@
 div[class*="-table-of-contents-container"] ul.default-open {
   display: block !important;
-}
-
-div[class*="-table-of-contents-container"] > ul > li .children > li > a,
-div[class*="-table-of-contents-container"] > ul > li .sub-menu > li > a {
-  padding-left: 13px;
-}
-
-div[class*="-table-of-contents-container"] > ul > li .children > li > ul > li > a,
-div[class*="-table-of-contents-container"] > ul > li .sub-menu > li > ul > li > a {
-  padding-left: 13px;
 }