diff --git a/src/js/_enqueues/wp/theme.js b/src/js/_enqueues/wp/theme.js index e4bebbbc1e8c1..65b5b4cf1c63d 100644 --- a/src/js/_enqueues/wp/theme.js +++ b/src/js/_enqueues/wp/theme.js @@ -96,7 +96,7 @@ themes.view.Appearance = wp.Backbone.View.extend({ }, // Defines search element container. - searchContainer: $( '.search-form' ), + searchContainer: $( '.search-form .search-box' ), // Search input and view // for current theme collection. @@ -118,7 +118,7 @@ themes.view.Appearance = wp.Backbone.View.extend({ // Render and append after screen title. view.render(); this.searchContainer - .append( $.parseHTML( '' ) ) + .append( $.parseHTML( '' ) ) .append( view.el ) .on( 'submit', function( event ) { event.preventDefault(); @@ -1359,7 +1359,6 @@ themes.view.Search = wp.Backbone.View.extend({ searching: false, attributes: { - placeholder: l10n.searchPlaceholder, type: 'search', 'aria-describedby': 'live-search-desc' }, diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css index a68abbca04f94..e7c58b257fc76 100644 --- a/src/wp-admin/css/themes.css +++ b/src/wp-admin/css/themes.css @@ -19,23 +19,23 @@ body.js .theme-browser.search-loading { clear: both; } -.themes-php:not(.network-admin) .wrap h1 { - margin-bottom: 15px; -} - .themes-php .wrap h1 .button { margin-left: 20px; } /* Search form */ .themes-php .search-form { - display: inline; + display: inline-flex; + align-items: center; + position: relative; + top: 0; + gap: .5rem; + width: 100%; + justify-content: end; } .themes-php .wp-filter-search { position: relative; - top: -2px; - left: 20px; margin: 0; width: 280px; } @@ -955,11 +955,15 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { clear: both; left: 0; right: 0; - margin: -5px 0 20px; width: 100%; max-width: 280px; } + .theme-install-php .wp-filter p.search-box { + display: grid; + row-gap: .5rem; + } + .theme-browser .theme.add-new-theme span:after { font: normal 60px/90px dashicons; width: 80px; @@ -1029,6 +1033,13 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { padding-left: 20px; } +/* Override column gap adjustment in media library. */ +@media only screen and (max-width: 1000px) { + .theme-install-php .wp-filter p.search-box { + column-gap: .5rem; + } +} + .theme-install-php a.upload, .theme-install-php a.browse-themes { cursor: pointer; diff --git a/src/wp-admin/network/site-themes.php b/src/wp-admin/network/site-themes.php index 79fe4d5f0576b..8d76efc259333 100644 --- a/src/wp-admin/network/site-themes.php +++ b/src/wp-admin/network/site-themes.php @@ -237,7 +237,7 @@

-search_box( __( 'Search Installed Themes' ), 'theme' ); ?> +search_box( __( 'Search installed themes' ), 'theme' ); ?>
diff --git a/src/wp-admin/network/themes.php b/src/wp-admin/network/themes.php index 4c6febea9805f..7252fa744fc78 100644 --- a/src/wp-admin/network/themes.php +++ b/src/wp-admin/network/themes.php @@ -460,7 +460,7 @@ ?>
-search_box( __( 'Search Installed Themes' ), 'theme' ); ?> +search_box( __( 'Search installed themes' ), 'theme' ); ?>
array( 'addNew' => __( 'Add New Theme' ), 'search' => __( 'Search Themes' ), - 'searchPlaceholder' => __( 'Search themes...' ), // Placeholder (no ellipsis). 'upload' => __( 'Upload Theme' ), 'back' => __( 'Back' ), 'error' => sprintf( @@ -217,7 +216,7 @@ -
+
array( 'addNew' => __( 'Add New Theme' ), - 'search' => __( 'Search Installed Themes' ), - 'searchPlaceholder' => __( 'Search installed themes...' ), // Placeholder (no ellipsis). + 'search' => __( 'Search installed themes' ), /* translators: %d: Number of themes. */ 'themesFound' => __( 'Number of Themes found: %d' ), 'noThemesFound' => __( 'No themes found. Try a different search.' ), @@ -252,14 +251,12 @@

- - -
-
+
+