Changeset 24524

Timestamp:

06/27/2013 08:45:12 PM (11 years ago)

Author:

nacin

Message:

Improve the HTML classes for the new html5 format in get_search_form().

Update Twenty Thirteen to reflect the changes.

props obenland.
fixes #23850.

Location:

trunk

Files:

• wp-content/themes/twentythirteen/style.css (modified) (5 diffs)
• wp-includes/general-template.php (modified) (1 diff)

trunk/wp-content/themes/twentythirteen/style.css

@@ -917 +917 @@
 }
 
-.site-header .searchform {
+.site-header .search-form {
     position: absolute;
     right: 20px;
@@ -923 +923 @@
 }
 
-.site-header .searchform [type="search"],
-.site-header .searchform [type="text"] {
+.site-header .search-field {
     background-color: transparent;
     background-image: url(images/search-icon.png);
@@ -941 +940 @@
 }
 
-.site-header .searchform [type="search"]:focus,
-.site-header .searchform [type="text"]:focus {
+.site-header .search-field:focus {
     background-color: #fff;
     border: 2px solid #c3c0ab;
@@ -2521 +2519 @@
 
 /* Search widget */
-.searchform [type="submit"] {
+.search-form .search-submit {
     display: none;
-}
-
-.widget .searchform [type="text"] {
-    width: 100%;
 }
 
@@ -3099 +3093 @@
     (min-resolution: 120dpi) {
 
-    .site-header .searchform [type="search"],
-    .site-header .searchform [type="text"] {
+    .site-header .search-field {
         background-image: url(images/search-icon-2x.png);
     }

trunk/wp-includes/general-template.php

@@ -166 +166 @@
     } else {
         if ( 'html5' == $format ) {
-            $form = '<form role="search" method="get" class="searchform" action="' . esc_url( home_url( '/' ) ) . '">
-                <label><span class="screen-reader-text">' . _x( 'Search for:', 'label' ) . '</span>
-                    <input type="search" placeholder="' . esc_attr_x( 'Search &hellip;', 'placeholder' ) . '" value="' . get_search_query() . '" name="s" title="' . _x( 'Search for:', 'label' ) . '" />
+            $form = '<form role="search" method="get" class="search-form" action="' . esc_url( home_url( '/' ) ) . '">
+                <label>
+                    <span class="screen-reader-text">' . _x( 'Search for:', 'label' ) . '</span>
+                    <input type="search" class="search-field" placeholder="' . esc_attr_x( 'Search &hellip;', 'placeholder' ) . '" value="' . get_search_query() . '" name="s" title="' . _x( 'Search for:', 'label' ) . '" />
                 </label>
-                <input type="submit" class="searchsubmit" value="'. esc_attr_x( 'Search', 'submit button' ) .'" />
+                <input type="submit" class="search-submit" value="'. esc_attr_x( 'Search', 'submit button' ) .'" />
             </form>';
         } else {