WordPress.org
Get WordPress

Making WordPress.org

Changeset 3722


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

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

Props SergeyBiryukov.
Fixes #1857.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
Files:
3 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                    }

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

    r637 r3722  
    99    <div id="sidebar" class="widget-area sidebar section" role="complementary">
    1010        <?php do_action( 'before_sidebar' ); ?>
    11         <ul>
    12             <?php if ( ! dynamic_sidebar( get_post_type() ) ) : ?>
    13             <?php endif; // end sidebar widget area ?>
    14         </ul>
     11
     12        <?php if ( ! dynamic_sidebar( get_post_type() ) ) : ?>
     13        <?php endif; // end sidebar widget area ?>
     14
    1515    </div><!-- #secondary -->
    1616<?php endif; ?>

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

    r3720 r3722  
    11491149}
    11501150
    1151 .devhub-wrap #sidebar > ul {
    1152   padding: 0;
    1153   margin: 0;
    1154   list-style-type: none;
    1155 }
    1156 
    1157 .devhub-wrap #sidebar > ul li h2.widgettitle {
     1151.devhub-wrap #sidebar h1.widget-title {
    11581152  background-color: #d0d0d0;
    11591153  color: #8a8989;
    … …  
    11641158}
    11651159
    1166 .devhub-wrap #sidebar > ul li .menu > li {
     1160.devhub-wrap #sidebar .menu > li {
    11671161  padding-bottom: 1em;
    11681162}
    11691163
    1170 .devhub-wrap #sidebar > ul li ul {
     1164.devhub-wrap #sidebar ul {
    11711165  list-style-type: none;
    11721166  margin: 0 10px;
    1173   padding: 15px 0;
     1167  padding: 5px 0;
    11741168  counter-reset: item;
    11751169}
    11761170
    1177 .devhub-wrap #sidebar > ul li ul li:before {
     1171.devhub-wrap #sidebar ul li:before {
    11781172  content: counter(item);
    11791173  counter-increment: item;
    … …  
    11901184}
    11911185
    1192 .devhub-wrap #sidebar > ul li ul li a {
     1186.devhub-wrap #sidebar ul li a {
    11931187  font-size: 16px;
    11941188  color: #4b4b4b;
    … …  
    11961190}
    11971191
    1198 .devhub-wrap #sidebar > ul li ul li > a {
     1192.devhub-wrap #sidebar ul li > a {
    11991193  display: inline-block;
    12001194  width: 225px;
    12011195}
    12021196
    1203 .devhub-wrap #sidebar > ul li ul li ul {
     1197.devhub-wrap #sidebar ul li ul {
    12041198  list-style-type: none;
    12051199  padding: 0;
    … …  
    12071201}
    12081202
    1209 .devhub-wrap #sidebar > ul li ul li ul li {
     1203.devhub-wrap #sidebar ul li ul li {
    12101204  padding-left: 20px;
    12111205}
    12121206
    1213 .devhub-wrap #sidebar > ul li ul li ul li:before {
     1207.devhub-wrap #sidebar ul li ul li:before {
    12141208  content: none;
    12151209}
    12161210
    1217 .devhub-wrap #sidebar > ul li ul li ul li a {
     1211.devhub-wrap #sidebar ul li ul li a {
    12181212  font-weight: normal;
    12191213  font-size: 14px;
    … …  
    12221216}
    12231217
    1224 .devhub-wrap #sidebar > ul li ul li ul li ul {
     1218.devhub-wrap #sidebar ul li ul li ul {
    12251219  margin-left: 20px;
    12261220}
Note: See TracChangeset for help on using the changeset viewer.