diff options
Diffstat (limited to 'wp-includes/customize/class-wp-customize-themes-section.php')
| -rw-r--r-- | wp-includes/customize/class-wp-customize-themes-section.php | 68 |
1 files changed, 33 insertions, 35 deletions
diff --git a/wp-includes/customize/class-wp-customize-themes-section.php b/wp-includes/customize/class-wp-customize-themes-section.php index 9d33a68..5340734 100644 --- a/wp-includes/customize/class-wp-customize-themes-section.php +++ b/wp-includes/customize/class-wp-customize-themes-section.php @@ -124,21 +124,35 @@ class WP_Customize_Themes_Section extends WP_Customize_Section { <button type="button" class="button button-primary customize-section-back customize-themes-mobile-back"><?php _e( 'Go to theme sources' ); ?></button> <# if ( 'wporg' === data.action ) { #> <div class="search-form"> - <label for="wp-filter-search-input-{{ data.id }}" class="screen-reader-text"> - <?php - /* translators: Hidden accessibility text. */ - _e( 'Search themes…' ); - ?> - </label> - <input type="search" id="wp-filter-search-input-{{ data.id }}" placeholder="<?php esc_attr_e( 'Search themes…' ); ?>" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search"> - <div class="search-icon" aria-hidden="true"></div> - <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"> - <?php - /* translators: Hidden accessibility text. */ - _e( 'The search results will be updated as you type.' ); - ?> - </span> + <label for="wp-filter-search-input-{{ data.id }}"><?php _e( 'Search themes' ); ?></label> + <div class="search-form-input"> + <input type="search" id="wp-filter-search-input-{{ data.id }}" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search"> + <div class="search-icon" aria-hidden="true"></div> + <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"> + <?php + /* translators: Hidden accessibility text. */ + _e( 'The search results will be updated as you type.' ); + ?> + </span> + </div> + </div> + <# } else { #> + <div class="themes-filter-container"> + <label for="{{ data.id }}-themes-filter"><?php _e( 'Search themes' ); ?></label> + <div class="search-form-input"> + <input type="search" id="{{ data.id }}-themes-filter" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search wp-filter-search-themes" /> + <div class="search-icon" aria-hidden="true"></div> + <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"> + <?php + /* translators: Hidden accessibility text. */ + _e( 'The search results will be updated as you type.' ); + ?> + </span> + </div> </div> + <# } #> + <div class="filter-themes-wrapper"> + <# if ( 'wporg' === data.action ) { #> <button type="button" class="button feature-filter-toggle"> <span class="filter-count-0"><?php _e( 'Filter themes' ); ?></span><span class="filter-count-filters"> <?php @@ -147,31 +161,15 @@ class WP_Customize_Themes_Section extends WP_Customize_Section { ?> </span> </button> - <# } else { #> - <div class="themes-filter-container"> - <label for="{{ data.id }}-themes-filter" class="screen-reader-text"> + <# } #> + <div class="filter-themes-count"> + <span class="themes-displayed"> <?php - /* translators: Hidden accessibility text. */ - _e( 'Search themes…' ); - ?> - </label> - <input type="search" id="{{ data.id }}-themes-filter" placeholder="<?php esc_attr_e( 'Search themes…' ); ?>" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search wp-filter-search-themes" /> - <div class="search-icon" aria-hidden="true"></div> - <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"> - <?php - /* translators: Hidden accessibility text. */ - _e( 'The search results will be updated as you type.' ); + /* translators: %s: Number of themes displayed. */ + printf( __( '%s themes' ), '<span class="theme-count">0</span>' ); ?> </span> </div> - <# } #> - <div class="filter-themes-count"> - <span class="themes-displayed"> - <?php - /* translators: %s: Number of themes displayed. */ - printf( __( '%s themes' ), '<span class="theme-count">0</span>' ); - ?> - </span> </div> <?php } |