Changeset 40418

Timestamp:

04/12/2017 04:11:30 PM (8 years ago)

Author:

afercia

Message:

Toolbar: Reset CSS properties that might be inherited from the active Theme.

The Toolbar search field, when the Toolbar is displayed on the frontend, might
inherit CSS properties from the active Theme stylesheet. For example, this
happened with Twenty Seventeen that sets display: block; on all the input
fields. Thus, there's the need to reset some CSS properties to avoid inheritance.

Props @sagarprajapati.
Fixes #40313.

File:

• trunk/src/wp-includes/css/admin-bar.css (modified) (2 diffs)

trunk/src/wp-includes/css/admin-bar.css

@@ -625 +625 @@
 }
 
+/* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
+    display: inline-block;
+    float: none;
     position: relative;
     z-index: 30;
@@ -631 +634 @@
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     line-height: 24px;
+    text-indent: 0;
     height: 24px;
     width: 24px;