WordPress.org

Make WordPress Core

Ticket #27055: 27055.20.diff

File 27055.20.diff, 3.4 KB (added by matveb, 5 years ago)
  • wp-admin/js/theme.js

     
    11431143                'click .theme-section': 'onSort',
    11441144                'click .theme-filter': 'onFilter',
    11451145                'click .more-filters': 'moreFilters',
    1146                 'click [type="checkbox"]': 'addFilter'
     1146                'click .apply-filters': 'addFilter',
     1147                'click [type="checkbox"]': 'filtersChecked'
    11471148        },
    11481149
    11491150        // Handles all the rendering of the public theme directory
     
    12841285                        tags.push( $( item ).prop( 'value' ) );
    12851286                });
    12861287
     1288                $( '.apply-filters' ).find( 'span' ).text( tags.length );
     1289
    12871290                return tags;
    12881291        },
    12891292
     
    13061309
    13071310        moreFilters: function() {
    13081311                $( 'body' ).toggleClass( 'more-filters-opened' );
     1312
     1313                $( '.feature-name' ).on( 'click', function() {
     1314                        $( this ).parent().toggleClass( 'open' );
     1315                });
    13091316        }
    13101317});
    13111318
  • wp-admin/css/themes.css

     
    12351235        -moz-box-sizing: border-box;
    12361236        box-sizing: border-box;
    12371237        float: left;
    1238         width: 20%;
     1238        width: 19%;
     1239        background: #fff;
     1240        margin: 0 1% 20px 0;
     1241        border: 1px solid #e5e5e5;
     1242        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
     1243        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
     1244        padding: 10px;
    12391245}
    12401246.more-filters-container .feature-name {
    1241         margin-top: 0;
     1247        cursor: pointer;
     1248        margin: 0;
     1249        position: relative;
    12421250}
     1251.filters-group .feature-name:after {
     1252        color: #aaa;
     1253        content: '\f140';
     1254        font: normal 20px/1 'dashicons';
     1255        speak: none;
     1256        display: inline-block;
     1257        position: absolute;
     1258                right: 0;
     1259                top: -2px;
     1260        -webkit-font-smoothing: antialiased;
     1261        -moz-osx-font-smoothing: grayscale;
     1262        text-decoration: none !important;
     1263}
     1264.filters-group:hover .feature-name:after {
     1265        color: #666;
     1266}
     1267.filters-group.open .feature-name:after {
     1268        content: '\f142';
     1269}
    12431270.more-filters-container ol {
    12441271        list-style-type: none;
    1245         margin: 0;
     1272        margin: 20px 0 0;
     1273        display: none;
     1274        font-size: 12px;
    12461275}
     1276.filters-group.open ol {
     1277        display: block;
     1278}
     1279.apply-filters span {
     1280        font-size: 12px;
     1281        margin-left: 10px;
     1282        opacity: 0.8;
     1283}
    12471284
    12481285.theme-install-php .add-new-theme {
    12491286        display: none !important;
  • wp-admin/theme-install.php

     
    118118                <a class="theme-section" href="#" data-sort="popular"><?php _ex( 'Popular', 'themes' ); ?></a>
    119119                <a class="theme-section" href="#" data-sort="new"><?php _ex( 'Latest', 'themes' ); ?></a>
    120120                <div class="theme-top-filters">
    121                         <!--<span class="theme-filter" data-filter="photoblogging">Photography</span>
    122                         <span class="theme-filter" data-filter="responsive-layout">Responsive</span>-->
    123                         <a class="more-filters" href="#"><?php _e( 'Feature Filter' ); ?></a>
     121                        <span class="theme-filter" data-filter="photoblogging">Photography</span>
     122                        <span class="theme-filter" data-filter="responsive-layout">Responsive</span>
     123                        <a class="more-filters" href="#"><?php _e( 'All' ); ?></a>
    124124                </div>
    125125                <div class="more-filters-container">
    126126                <?php
     
    140140                }
    141141                ?>
    142142                        <br class="clear" />
     143                        <a class="apply-filters button button-secondary"><?php _e( 'Apply Filters' ); ?><span>0</span></a>
    143144                </div>
    144145        </div>
    145146        <div class="theme-browser"></div>