Changeset 41893 for trunk/src/wp-includes/customize/class-wp-customize-themes-section.php

Timestamp:

10/18/2017 04:05:03 AM (7 years ago)

Author:

westonruter

Message:

Customize: Improve theme browsing UI on small screens.

Props Mahvash-Fatima, melchoyce, celloexpressions.
See #37661.
Fixes #42215.

File:

• trunk/src/wp-includes/customize/class-wp-customize-themes-section.php (modified) (2 diffs)

trunk/src/wp-includes/customize/class-wp-customize-themes-section.php

@@ -115 +115 @@
                 <label for="wp-filter-search-input-{{ data.id }}" class="screen-reader-text"><?php _e( 'Search themes&hellip;' ); ?></label>
                 <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">
+                <div class="search-icon" aria-hidden="true"></div>
                 <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"><?php _e( 'The search results will be updated as you type.' ); ?></span>
             </div>
@@ -145 +146 @@
                 <label for="{{ data.id }}-themes-filter" class="screen-reader-text"><?php _e( 'Search themes&hellip;' ); ?></label>
                 <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" />
+                <div class="search-icon" aria-hidden="true"></div>
                 <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"><?php _e( 'The search results will be updated as you type.' ); ?></span>
             </div>