WordPress.org

Making WordPress.org

Changeset 5835


Ignore:
Timestamp:
08/23/2017 06:12:03 PM (3 years ago)
Author:
coffee2code
Message:

developer.wordpress.org: Fix display of 'Topics' box in handbooks at smaller viewports.

Styles for the box were unnecessarily constrained and thus did not apply within the handbooks, which led to poor wrapping and spacing at smaller viewports.

Props sagarprajapati for initial patch.
Fixes #3040.

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

    r5820 r5835  
    18251825@media (max-width: 32em) {
    18261826    .devhub-wrap {
    1827         .wp-parser-class, .wp-parser-function, .wp-parser-hook, .wp-parser-method {
    1828             .table-of-contents {
    1829                 width: 100%;
    1830                 margin-bottom: 10px;
    1831             }
    1832 
    1833             section {
    1834                 overflow: inherit;
    1835             }
    1836 
    1837             hr {
    1838                 clear: both;
    1839             }
     1827        .table-of-contents {
     1828            float: none;
     1829            margin-left: 0;
     1830            width: 100%;
     1831        }
     1832
     1833        section {
     1834            overflow: inherit;
     1835        }
     1836
     1837        hr {
     1838            clear: both;
    18401839        }
    18411840    }
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

    r5816 r5835  
    358358}
    359359
    360 .devhub-wrap .devhub-menu .menu {
     360.devhub-wrap .devhub-menu .menu,
     361.devhub-wrap .devhub-cli-menu .menu {
    361362  list-style: none;
    362363  float: right;
     
    367368}
    368369
    369 .devhub-wrap .devhub-menu .menu li {
     370.devhub-wrap .devhub-menu .menu li,
     371.devhub-wrap .devhub-cli-menu .menu li {
    370372  display: inline;
    371373  padding-left: 20px;
    372374}
    373375
    374 .devhub-wrap .devhub-menu .menu a {
     376.devhub-wrap .devhub-menu .menu a,
     377.devhub-wrap .devhub-cli-menu .menu a {
    375378  color: #555;
    376379  font-weight: 400;
     
    21572160
    21582161@media (max-width: 32em) {
    2159   .devhub-wrap .wp-parser-class .table-of-contents, .devhub-wrap .wp-parser-function .table-of-contents, .devhub-wrap .wp-parser-hook .table-of-contents, .devhub-wrap .wp-parser-method .table-of-contents {
     2162  .devhub-wrap .table-of-contents {
     2163    float: none;
     2164    margin-left: 0;
    21602165    width: 100%;
    2161     margin-bottom: 10px;
    2162   }
    2163   .devhub-wrap .wp-parser-class section, .devhub-wrap .wp-parser-function section, .devhub-wrap .wp-parser-hook section, .devhub-wrap .wp-parser-method section {
     2166  }
     2167  .devhub-wrap section {
    21642168    overflow: inherit;
    21652169  }
    2166   .devhub-wrap .wp-parser-class hr, .devhub-wrap .wp-parser-function hr, .devhub-wrap .wp-parser-hook hr, .devhub-wrap .wp-parser-method hr {
     2170  .devhub-wrap hr {
    21672171    clear: both;
    21682172  }
Note: See TracChangeset for help on using the changeset viewer.