Making WordPress.org


Ignore:
Timestamp:
07/25/2016 09:23:37 PM (8 years ago)
Author:
coffee2code
Message:

developer.wordpress.org: Fix sidebar display after changes to handbook sidebar markup in [3686].

Props SergeyBiryukov.
Fixes #1857.

File:
1 edited

Legend:

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

    r3693 r3722  
    795795        box-shadow: 0px 0px 5px #d0d0d0;
    796796        background-color: #f0f0f0;
    797         & > ul {
    798             padding: 0;
    799             margin: 0;
     797        h1.widget-title {
     798            background-color: #d0d0d0;
     799            color: #8a8989;
     800            text-align: center;
     801            text-transform: uppercase;
     802            font-size: 14px;
     803            letter-spacing: 2px;
     804        }
     805        .menu > li {
     806            padding-bottom: 1em;
     807        }
     808        ul {
    800809            list-style-type: none;
     810            margin: 0 10px;
     811            padding: 5px 0;
     812            counter-reset: item;
    801813            li {
    802                 h2.widgettitle {
    803                 background-color: #d0d0d0;
    804                 color: #8a8989;
    805                 text-align: center;
    806                 text-transform: uppercase;
    807                 font-size: 14px;
    808                 letter-spacing: 2px;
     814                &:before {
     815                    content: counter(item);
     816                    counter-increment: item;
     817                    background-color: #d0d0d0;
     818                    width: 25px;
     819                    display: inline-block;
     820                    color: #fff;
     821                    margin-right: 10px;
     822                    text-align: center;
     823                    padding: 3px 0;
     824                    font-size: 13px;
     825                    border-radius: 50%;
     826                    vertical-align: top;
    809827                }
    810                 .menu > li {
    811                     padding-bottom: 1em;
     828                a {
     829                    font-size: 16px;
     830                    color: #4b4b4b;
     831                    font-weight: bold;
     832                }
     833                & > a {
     834                    display: inline-block;
     835                    width: 225px;
    812836                }
    813837                ul {
    814838                    list-style-type: none;
    815                     margin: 0 10px;
    816                     padding: 15px 0;
    817                     counter-reset: item;
     839                    padding: 0;
     840                    margin: 0 0 0 35px;
    818841                    li {
     842                        padding-left: 20px;
    819843                        &:before {
    820                             content: counter(item);
    821                             counter-increment: item;
    822                             background-color: #d0d0d0;
    823                             width: 25px;
    824                             display: inline-block;
    825                             color: #fff;
    826                             margin-right: 10px;
    827                             text-align: center;
    828                             padding: 3px 0;
    829                             font-size: 13px;
    830                             border-radius: 50%;
    831                             vertical-align: top;
     844                            content: none;
    832845                        }
    833846                        a {
    834                             font-size: 16px;
    835                             color: #4b4b4b;
    836                             font-weight: bold;
    837                         }
    838                         & > a {
    839                             display: inline-block;
    840                             width: 225px;
     847                            font-weight: normal;
     848                            font-size: 14px;
     849                            display: inline;
     850                            margin-left: -20px;
    841851                        }
    842852                        ul {
    843                             list-style-type: none;
    844                             padding: 0;
    845                             margin: 0 0 0 35px;
    846                             li {
    847                                 padding-left: 20px;
    848                                 &:before {
    849                                     content: none;
    850                                 }
    851                                 a {
    852                                     font-weight: normal;
    853                                     font-size: 14px;
    854                                     display: inline;
    855                                     margin-left: -20px;
    856                                 }
    857                                 ul {
    858                                     margin-left: 20px;
    859                                 }
    860                             }
     853                            margin-left: 20px;
    861854                        }
    862855                    }
Note: See TracChangeset for help on using the changeset viewer.