WordPress.org

Make WordPress Core

Changeset 27959


Ignore:
Timestamp:
04/05/2014 08:03:41 PM (6 years ago)
Author:
nacin
Message:

Theme Installer: Better responsive styles for feature filters.

props matveb.
fixes #27661.

Location:
trunk/src/wp-admin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/themes.css

    r27940 r27959  
    12171217.more-filters-container {
    12181218    display: none;
    1219     padding: 30px;
     1219    padding: 20px;
    12201220    border-top: 1px solid #eee;
    12211221    margin: 0 -20px;
     
    12241224body.more-filters-opened .more-filters-container {
    12251225    display: block;
     1226    overflow: hidden;
    12261227}
    12271228body.more-filters-opened .theme-section.current {
     
    12551256    list-style-type: none;
    12561257    margin: 20px 0 0;
    1257     display: block;
    12581258    font-size: 12px;
    12591259}
     1260.more-filters-container li {
     1261    display: inline-block;
     1262    vertical-align: top;
     1263    list-style-type: none;
     1264    margin: 5px 0;
     1265    padding-right: 25px;
     1266    width: 160px;
     1267}
    12601268.theme-navigation .more-filters-container .apply-filters {
    1261     margin: 20px 0 0;
     1269    margin: 0 0 20px;
    12621270}
    12631271.theme-navigation .more-filters-container .clear-filters {
    12641272    display: none;
    1265     margin: 20px 0 0 10px;
     1273    margin: 0 0 20px 10px;
    12661274}
    12671275.more-filters-container .apply-filters span {
     
    13461354        margin-bottom: 0;
    13471355        margin-top: 5px;
    1348         width: 49%;
    1349     }
    1350     .more-filters-container .filters-group:nth-child(3n) {
    1351         clear: left;
     1356        width: 100%;
     1357    }
     1358    .more-filters-container .filters-group li {
     1359        margin: 10px 0;
    13521360    }
    13531361}
     
    13551363@media only screen and (max-width: 782px) {
    13561364    .more-filters-container .filters-group {
     1365        width: 100%;
     1366    }
     1367    .more-filters-container .filters-group li {
    13571368        width: 100%;
    13581369    }
  • trunk/src/wp-admin/theme-install.php

    r27940 r27959  
    124124        </div>
    125125        <div class="more-filters-container">
     126            <a class="apply-filters button button-secondary" href="#"><?php _e( 'Apply Filters' ); ?><span></span></a>
     127            <a class="clear-filters button button-secondary" href="#"><?php _e( 'Clear' ); ?></a>
     128            <br class="clear" />
    126129        <?php
    127130        $feature_list = get_theme_feature_list();
     
    140143        }
    141144        ?>
    142             <br class="clear" />
    143             <a class="apply-filters button button-secondary" href="#"><?php _e( 'Apply Filters' ); ?><span></span></a>
    144             <a class="clear-filters button button-secondary" href="#"><?php _e( 'Clear' ); ?></a>
    145145            <div class="filtering-by">
    146146                <span><?php _e( 'Filtering by:' ); ?></span>
Note: See TracChangeset for help on using the changeset viewer.