WordPress.org

Making WordPress.org


Ignore:
Timestamp:
06/03/2019 08:46:22 PM (10 months ago)
Author:
coffee2code
Message:

Developer: Add ability for second-level handbook sidebar menu items with sub-items to be collapsible/expandable.

Nested menu items are all initially collapsed.

Props welcher.
Fixes #4476.

File:
1 edited

Legend:

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

    r8801 r8910  
    546546            margin: 0 auto;
    547547        }
    548        
     548
    549549    }
    550550    .color.section {
     
    737737    }
    738738
    739         div#inner-search {
    740             background-color: #666;
    741             margin-bottom: 1em;
    742             padding-top: 2px;
    743             .section.search-section {
     739    div#inner-search {
     740        background-color: #666;
     741        margin-bottom: 1em;
     742        padding-top: 2px;
     743        .section.search-section {
     744            color: #ffffff;
     745        }
     746        div#inner-search-icon-container {
     747            margin: 0 auto;
     748            max-width: 60em;
     749            cursor: pointer;
     750            div#inner-search-icon {
     751                background-color: #666;
    744752                color: #ffffff;
    745             }
    746             div#inner-search-icon-container {
    747                 margin: 0 auto;
    748                 max-width: 60em;
    749                 cursor: pointer;
    750                 div#inner-search-icon {
    751                     background-color: #666;
    752                     color: #ffffff;
    753                     text-align: center;
    754                     margin-right: 26px;
    755                     margin-left: 4px;
    756                     float: right;
    757                     padding: 5px;
    758                     -webkit-border-bottom-right-radius: 5px;
    759                     -webkit-border-bottom-left-radius: 5px;
    760                     -moz-border-radius-bottomright: 5px;
    761                     -moz-border-radius-bottomleft: 5px;
    762                     border-bottom-right-radius: 5px;
    763                     border-bottom-left-radius: 5px;
    764                     .dashicons-search {
    765                         height: auto;
    766                         width: auto;
    767                         &:before {
    768                             font-size: 36px;
    769                             line-height: 36px;
    770                         }
     753                text-align: center;
     754                margin-right: 26px;
     755                margin-left: 4px;
     756                float: right;
     757                padding: 5px;
     758                -webkit-border-bottom-right-radius: 5px;
     759                -webkit-border-bottom-left-radius: 5px;
     760                -moz-border-radius-bottomright: 5px;
     761                -moz-border-radius-bottomleft: 5px;
     762                border-bottom-right-radius: 5px;
     763                border-bottom-left-radius: 5px;
     764                .dashicons-search {
     765                    height: auto;
     766                    width: auto;
     767                    &:before {
     768                        font-size: 36px;
     769                        line-height: 36px;
    771770                    }
    772771                }
    773772            }
    774773        }
     774    }
    775775
    776776    .archive-filter-form {
     
    12831283        #comment-preview {
    12841284            border: 1px solid #dfdfdf;
    1285             border-radius: 2px; 
     1285            border-radius: 2px;
    12861286            width: 100%;
    12871287        }
     
    16971697            font-size: 68.6646px;
    16981698            font-size: 6.86646rem;
    1699        
     1699
    17001700            @media (max-width: 500px) {
    17011701                font-size: 50px;
     
    21322132    }
    21332133    .current-menu-ancestor:not(.open) .expandable .dashicons:not(:focus),
    2134     .current-menu-item .expandable .dashicons:not(:focus) {
     2134    .current-menu-item > .expandable .dashicons:not(:focus) {
    21352135        background: #fff;
    21362136        color: #0073aa;
Note: See TracChangeset for help on using the changeset viewer.