Changeset 4551 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/searchform.php

Timestamp:

12/16/2016 08:04:12 PM (9 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Improve appearance and responsiveness of search bar.

• Mirror appearance of search field rolling out in other w.org sites.
• ...which is largely a switch from input[type="submit"] to button with search dashicon.
• Add padding to ensure space around search field at smaller page widths.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/searchform.php (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/searchform.php

@@ -46 +46 @@
 
     <form role="search" method="get" class="searchform<?php echo esc_attr( $form_class ); ?>" action="<?php echo esc_url( $search_url ); ?>">
-        <div>
-        <label>
-            <label for="search-field" class="screen-reader-text"><?php _ex( 'Search for:', 'label', 'wporg' ); ?></label>
-            <input type="text" id="search-field" class="search-field" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'wporg' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
-        </label>
-        <input type="submit" class="shiny-blue search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'wporg' ); ?>">
-        </div>
-
+        <label for="search-field" class="screen-reader-text"><?php _ex( 'Search for:', 'label', 'wporg' ); ?></label>
+        <input type="text" id="search-field" class="search-field" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'wporg' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
+        <button class="button button-primary button-search"><i class="dashicons dashicons-search"></i><span class="screen-reader-text"><?php _e( 'Search plugins', 'wporg' ); ?></span></button>
     <?php if ( $filters ) : ?>