WordPress.org

Making WordPress.org

Changeset 9430


Ignore:
Timestamp:
01/28/2020 07:17:59 PM (15 months ago)
Author:
coffee2code
Message:

Breathe theme: 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
  • Reduce padding-left to align widget title with leftmost text within widget
  • Decrease padding-right for menu items which do not have subchildren
  • Embolden the name of the current page in the menu

Props rilwis, felipeloureirosantos, dufresnesteven, coffee2code.
Fixes #4901, #4467.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css

    r9427 r9430  
    395395    letter-spacing: 1px;
    396396    background-color: transparent;
    397     padding: 1rem 12px;
     397    padding: 1rem 12px 1rem 8px;
    398398    margin-bottom: 0;
    399399    color: inherit;
     
    12951295}
    12961296#secondary .menu-table-of-contents-container ul li {
    1297   border-top: 1px solid rgba(0,0,0,0.05);
     1297  margin: 1px 0;
    12981298  padding: 0;
    12991299  position: relative;
     
    13011301#secondary .menu-table-of-contents-container ul ul {
    13021302    margin-left: 12px;
    1303     border-left: 1px solid rgba(0,0,0,0.05);
     1303    border-left: 2px solid #21759b;
    13041304}
    13051305.menu-table-of-contents-container ul li .expandable {
     
    13431343  display: block;
    13441344  width: 100%;
    1345   padding: 8px 40px 8px 8px;
     1345  padding: 8px 8px 8px 13px;
    13461346  text-decoration: none;
     1347}
     1348.menu-table-of-contents-container ul li.menu-item-has-children > .expandable > a {
     1349    padding-right: 40px;
    13471350}
    13481351.menu-table-of-contents-container ul a:hover,
     
    13601363  color: #555;
    13611364  background-color: #fff;
    1362 }
    1363 .menu-table-of-contents-container > ul > li:last-child {
    1364   border-bottom: 1px solid rgba(0,0,0,0.05);
    1365 }
    1366 .menu-table-of-contents-container > ul > li .children > li > a {
    1367   padding-left: 13px;
    1368 }
    1369 .menu-table-of-contents-container > ul > li .children > li > ul > li > a {
    1370   padding-left: 8px;
     1365  font-weight: bold;
    13711366}
    13721367
Note: See TracChangeset for help on using the changeset viewer.