Changeset 9412

Timestamp:

01/22/2020 06:34:01 PM (5 years ago)

Author:

coffee2code

Message:

Developer: Improve handbook sidebar menu design.

• Eliminate per-item top/bottom borders.
• Use WCAG-compliant color (as used for links) for left border
• Increase thickness of left border for menu sub-items.

Props felipeloureirosantos, dufresnesteven, coffee2code.
See #4901.

Location:

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

Files:

• scss/main.scss (modified) (2 diffs)
• stylesheets/main.css (modified) (3 diffs)

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

@@ -2109 +2109 @@
     }
     & > ul > li {
-        &:last-child {
-            border-bottom: 1px solid rgba(0,0,0,0.05);
-        }
         .children > li > a,
         .sub-menu > li > a {
@@ -2157 +2154 @@
         ul {
             li {
-                border-top: 1px solid rgba(0,0,0,0.05);
-                padding: 0;
+                padding: 1px 0;
                 position: relative;
             }
             ul {
                 margin-left: 12px;
-                border-left: 1px solid rgba(0,0,0,0.05);
+                border-left: 2px solid #21759b;
             }
         }

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

@@ -2496 +2496 @@
 }
 
-div[class*="-table-of-contents-container"] > ul > li:last-child {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-}
-
 div[class*="-table-of-contents-container"] > ul > li .children > li > a,
 div[class*="-table-of-contents-container"] > ul > li .sub-menu > li > a {
@@ -2543 +2539 @@
 
 #secondary div[class*="-table-of-contents-container"] ul li {
-  border-top: 1px solid rgba(0, 0, 0, 0.05);
-  padding: 0;
+  padding: 1px 0;
   position: relative;
 }
@@ -2550 +2545 @@
 #secondary div[class*="-table-of-contents-container"] ul ul {
   margin-left: 12px;
-  border-left: 1px solid rgba(0, 0, 0, 0.05);
+  border-left: 2px solid #21759b;
 }