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. git-svn-id: https://develop.svn.wordpress.org/trunk@40418 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
620280474f
commit
5fcfb9b247
@ -624,12 +624,16 @@ html:lang(he-il) .rtl #wpadminbar * {
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 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 {
|
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
|
||||||
|
display: inline-block;
|
||||||
|
float: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 30;
|
z-index: 30;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
|
text-indent: 0;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
|
Loading…
Reference in New Issue
Block a user