Making WordPress.org

Changeset 9412


Ignore:
Timestamp:
01/22/2020 06:34:01 PM (4 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:
2 edited

Legend:

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

    r9083 r9412  
    21092109    }
    21102110    & > ul > li {
    2111         &:last-child {
    2112             border-bottom: 1px solid rgba(0,0,0,0.05);
    2113         }
    21142111        .children > li > a,
    21152112        .sub-menu > li > a {
     
    21572154        ul {
    21582155            li {
    2159                 border-top: 1px solid rgba(0,0,0,0.05);
    2160                 padding: 0;
     2156                padding: 1px 0;
    21612157                position: relative;
    21622158            }
    21632159            ul {
    21642160                margin-left: 12px;
    2165                 border-left: 1px solid rgba(0,0,0,0.05);
     2161                border-left: 2px solid #21759b;
    21662162            }
    21672163        }
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

    r9083 r9412  
    24962496}
    24972497
    2498 div[class*="-table-of-contents-container"] > ul > li:last-child {
    2499   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    2500 }
    2501 
    25022498div[class*="-table-of-contents-container"] > ul > li .children > li > a,
    25032499div[class*="-table-of-contents-container"] > ul > li .sub-menu > li > a {
     
    25432539
    25442540#secondary div[class*="-table-of-contents-container"] ul li {
    2545   border-top: 1px solid rgba(0, 0, 0, 0.05);
    2546   padding: 0;
     2541  padding: 1px 0;
    25472542  position: relative;
    25482543}
     
    25502545#secondary div[class*="-table-of-contents-container"] ul ul {
    25512546  margin-left: 12px;
    2552   border-left: 1px solid rgba(0, 0, 0, 0.05);
     2547  border-left: 2px solid #21759b;
    25532548}
    25542549
Note: See TracChangeset for help on using the changeset viewer.