WordPress.org

Make WordPress Core

Ticket #42215: 42215.diff

File 42215.diff, 5.7 KB (added by Mahvash Fatima, 23 months ago)
  • src/wp-admin/css/customize-controls.css

    diff --git src/wp-admin/css/customize-controls.css src/wp-admin/css/customize-controls.css
    index b2f0a2d..49e0252 100644
    p.customize-section-description { 
    21142114
    21152115.themes-filter-bar .wp-filter-search {
    21162116        line-height: 25px;
    2117         padding: 3px 5px;
     2117        padding: 6px 10px 6px 30px;
    21182118        max-width: 100%;
    21192119        width: 40%;
    21202120        min-width: 300px;
    21212121        position: absolute;
    21222122        top: 6px;
    21232123        left: 25px;
     2124        height: 32px;
     2125        margin: 1px 0;
    21242126}
    21252127
    21262128/* Unstick the filter bar on short windows/screens. This breakpoint is based on the
    p.customize-section-description { 
    22322234                height: 42px;
    22332235                width: 26px;
    22342236                display: block;
    2235                 line-height: 46px;
     2237                line-height: 40px;
    22362238                padding: 0 8px 0 8px;
    22372239                border-right: 1px solid #ddd;
    22382240        }
    body.adding-widget .add-new-widget:before, 
    26732675}
    26742676
    26752677#available-menu-items-search .search-icon:after,
    2676 #available-widgets-filter .search-icon:after {
     2678#available-widgets-filter .search-icon:after,
     2679.themes-filter-bar .search-icon:after {
    26772680        content: "\f179";
    26782681        font: normal 20px/1 dashicons;
    26792682        vertical-align: middle;
    body.adding-widget .add-new-widget:before, 
    26812684        -moz-osx-font-smoothing: grayscale;
    26822685}
    26832686
     2687.themes-filter-bar .search-icon {
     2688        position: absolute;
     2689        top: 7px;
     2690        left: 26px;
     2691        z-index: 1;
     2692        color: #72777c;
     2693        height: 30px;
     2694        width: 30px;
     2695        line-height: 2;
     2696        text-align: center;
     2697}
     2698
    26842699.no-widgets-found-message {
    26852700        display: none;
    26862701        margin: 0;
    body.adding-widget .add-new-widget:before, 
    27932808        .media-widget-control .media-widget-buttons .button.select-media {
    27942809                margin-top: 12px;
    27952810        }
     2811
     2812        .wp-core-ui .themes-filter-bar .feature-filter-toggle {
     2813                margin: 3px 0 3px 25px;
     2814        }
    27962815}
    27972816
    27982817@media screen and ( max-width: 640px ) {
    body.adding-widget .add-new-widget:before, 
    29582977        .reordering .reorder-done {
    29592978                padding: 8px;
    29602979        }
     2980
     2981        .wp-core-ui .themes-filter-bar .feature-filter-toggle {
     2982                margin: 0;
     2983        }
    29612984}
  • src/wp-admin/css/themes.css

    diff --git src/wp-admin/css/themes.css src/wp-admin/css/themes.css
    index e339448..881913b 100644
    body.js .theme-browser.search-loading { 
    9898        opacity: 0;
    9999        transition: opacity 0.1s ease-in-out;
    100100        position: absolute;
    101         bottom: 0;
     101        bottom: 1px;
    102102        right: 0;
    103         height: 38px;
    104         padding: 9px 10px 0 10px;
     103        height: auto;
     104        padding: 9px 10px;
    105105        background: rgba(244, 244, 244, 0.7);
    106106        border-left: 1px solid rgba(0,0,0,0.05);
    107107}
    body.folded .theme-browser ~ .theme-overlay .theme-wrap { 
    852852        }
    853853
    854854        .theme-browser .theme .theme-actions {
    855                 padding: 5px 10px 4px 10px;
     855                padding: 9px 10px;
    856856        }
    857857
    858858        .theme-overlay.small-screenshot .theme-screenshots {
    body.folded .theme-browser ~ .theme-overlay .theme-wrap { 
    889889        .theme-browser .theme:nth-child(3n) {
    890890                margin-right: 0;
    891891        }
     892
     893        .theme-browser .theme .theme-actions {
     894                padding: 8px 10px;
     895        }
    892896}
    893897
    894898@media only screen and (max-width: 650px) {
    body.folded .theme-browser ~ .theme-overlay .theme-wrap { 
    958962        .single-theme .theme-overlay .theme-actions {
    959963                position: static;
    960964        }
     965
     966        .theme-browser .theme .theme-actions {
     967                padding: 8px 10px;
     968        }
     969
    961970}
    962971
    963972.broken-themes {
    body.folded .theme-browser ~ .theme-overlay .theme-wrap { 
    971980        padding: 3px;
    972981}
    973982
     983@media only screen and ( max-width: 640px ) {
     984        .theme-browser .theme .theme-actions {
     985                padding: 8px 10px;
     986        }
     987}
    974988
    975989/*------------------------------------------------------------------------------
    976990  16.2 - Install Themes
  • src/wp-includes/customize/class-wp-customize-themes-section.php

    diff --git src/wp-includes/customize/class-wp-customize-themes-section.php src/wp-includes/customize/class-wp-customize-themes-section.php
    index a89439a..032c53a 100644
    class WP_Customize_Themes_Section extends WP_Customize_Section { 
    114114                        <div class="search-form">
    115115                                <label for="wp-filter-search-input-{{ data.id }}" class="screen-reader-text"><?php _e( 'Search themes&hellip;' ); ?></label>
    116116                                <input type="search" id="wp-filter-search-input-{{ data.id }}" placeholder="<?php esc_attr_e( 'Search themes&hellip;' ); ?>" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search">
    117                                 <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"><?php _e( 'The search results will be updated as you type.' ); ?></span>
     117                <div class="search-icon" aria-hidden="true"></div>
     118                <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"><?php _e( 'The search results will be updated as you type.' ); ?></span>
    118119                        </div>
    119120                        <button type="button" class="button feature-filter-toggle">
    120121                                <span class="filter-count-0"><?php _e( 'Filter themes' ); ?></span><span class="filter-count-filters">
    class WP_Customize_Themes_Section extends WP_Customize_Section { 
    144145                        <div class="themes-filter-container">
    145146                                <label for="{{ data.id }}-themes-filter" class="screen-reader-text"><?php _e( 'Search themes&hellip;' ); ?></label>
    146147                                <input type="search" id="{{ data.id }}-themes-filter" placeholder="<?php esc_attr_e( 'Search themes&hellip;' ); ?>" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search wp-filter-search-themes" />
    147                                 <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"><?php _e( 'The search results will be updated as you type.' ); ?></span>
     148                <div class="search-icon" aria-hidden="true"></div>
     149                <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"><?php _e( 'The search results will be updated as you type.' ); ?></span>
    148150                        </div>
    149151                <# } #>
    150152                <div class="filter-themes-count">