WordPress.org

Make WordPress Core

Ticket #27055: 27055.11.diff

File 27055.11.diff, 4.4 KB (added by matveb, 5 years ago)

Includes fix for More Filters state highlight

  • wp-admin/js/theme.js

     
    11531153        searchContainer: $( '.theme-navigation' ),
    11541154
    11551155        uploader: function() {
    1156                 $( 'a.upload.button' ).on( 'click', function() {
    1157                         $( '.upload-theme' )
    1158                                 .toggleClass( 'opened' )
    1159                                 .hasClass( 'opened' ) ? $( this ).text( l10n.back ) : $( this ).text( l10n.upload );
     1156                $( 'a.upload' ).on( 'click', function() {
     1157                        $( 'body' ).addClass( 'show-upload-theme' );
     1158                        themes.router.navigate( themes.router.baseUrl( '?upload' ), { replace: true } );
    11601159                });
     1160                $( 'a.browse-themes' ).on( 'click', function() {
     1161                        $( 'body' ).removeClass( 'show-upload-theme' );
     1162                        themes.router.navigate( themes.router.baseUrl( '' ), { replace: true } );
     1163                });
    11611164        },
    11621165
    11631166        moreFilters: function() {
     
    11681171themes.InstallerRouter = Backbone.Router.extend({
    11691172        routes: {
    11701173                'theme-install.php?theme=:slug': 'preview',
    1171                 'theme-install.php(?sort=:sort)': 'sort',
     1174                'theme-install.php?sort=:sort': 'sort',
     1175                'theme-install.php?upload': 'upload',
    11721176                '': 'sort'
    11731177        },
    11741178
     
    12251229                        self.view.trigger( 'theme:close' );
    12261230                });
    12271231
     1232                themes.router.on( 'route:upload', function( slug ) {
     1233                        $( 'a.upload' ).trigger( 'click' );
     1234                });
     1235
    12281236                this.extraRoutes();
    12291237        },
    12301238
  • wp-admin/css/themes.css

     
    10651065  16.2 - Install Themes
    10661066------------------------------------------------------------------------------*/
    10671067
    1068 .theme-install-php h2 .upload {
    1069         margin-left: 10px;
    1070 }
    10711068.theme-navigation {
    10721069        background: #fff;
    10731070        box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
     
    10811078        position: relative;
    10821079        width: 100%;
    10831080}
     1081.theme-install-php a.upload,
     1082.theme-install-php a.browse-themes {
     1083        cursor: pointer;
     1084}
     1085.theme-install-php a.browse-themes,
     1086.theme-install-php.show-upload-theme a.upload {
     1087        display: none;
     1088}
     1089.theme-install-php.show-upload-theme a.browse-themes {
     1090        display: inline;
     1091}
    10841092.upload-theme {
    10851093        -moz-box-sizing: border-box;
    10861094        box-sizing: border-box;
     
    10921100        position: relative;
    10931101                top: 10px;
    10941102}
    1095 .upload-theme.opened {
     1103body.show-upload-theme .upload-theme {
    10961104        display: block;
    10971105}
    10981106.upload-theme .wp-upload-form {
     
    11101118        padding: 40px 0 0;
    11111119        text-align: center;
    11121120}
    1113 .upload-theme.opened + .theme-navigation,
    1114 .upload-theme.opened + .theme-navigation + .theme-browser {
     1121body.show-upload-theme .upload-theme + .theme-navigation,
     1122body.show-upload-theme .upload-theme + .theme-navigation + .theme-browser {
    11151123        display: none;
    11161124}
    11171125.theme-navigation .theme-count {
     
    11481156        transition: color .1s ease-in, background .1s ease-in;
    11491157}
    11501158body.more-filters-opened .more-filters,
    1151 .theme-navigation .more-filters.current {
     1159body.more-filters-opened .more-filters:before {
    11521160        background: rgb(46, 162, 204);
    11531161        border-radius: 2px;
    11541162        border: none;
     
    12011209        display: none !important;
    12021210}
    12031211
     1212@media only screen and (max-width: 1120px) {
     1213        .theme-install-php .theme-search {
     1214                margin: 20px 0;
     1215                position: static;
     1216                width: 100%;
     1217        }
     1218        .more-filters-container {
     1219                border-bottom: 1px solid #eee;
     1220        }
     1221        .upload-theme .wp-upload-form {
     1222                margin: 20px 0;
     1223                max-width: 100%;
     1224        }
     1225        .upload-theme .install-help {
     1226                font-size: 15px;
     1227                padding: 20px 0 0;
     1228                text-align: left;
     1229        }
     1230}
     1231
    12041232.rating {
    12051233        margin: 30px 0;
    12061234}
  • wp-admin/theme-install.php

     
    104104<div class="wrap">
    105105        <h2>
    106106                <?php echo esc_html( $title ); ?>
    107                 <a class="upload button button-secondary"><?php esc_html_e( 'Upload Theme' ); ?></a>
     107                <a class="upload add-new-h2"><?php esc_html_e( 'Upload Theme' ); ?></a>
     108                <a class="browse-themes add-new-h2"><?php esc_html_e( 'Browse' ); ?></a>
    108109        </h2>
    109110
    110111        <div class="upload-theme">
     
    119120                <div class="theme-top-filters">
    120121                        <span class="theme-filter" data-filter="photoblogging">Photography</span>
    121122                        <span class="theme-filter" data-filter="responsive-layout">Responsive</span>
    122                         <span class="theme-filter more-filters">More</span>
     123                        <span class="more-filters">More</span>
    123124                </div>
    124125                <div class="more-filters-container">
    125126                        Display more filters.