From 5fcfb9b247474e98a5deaa6f04781f3e99583094 Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Wed, 12 Apr 2017 16:11:30 +0000 Subject: [PATCH] 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 --- src/wp-includes/css/admin-bar.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css index fff096d1fe..523b5f72b7 100644 --- a/src/wp-includes/css/admin-bar.css +++ b/src/wp-includes/css/admin-bar.css @@ -624,12 +624,16 @@ html:lang(he-il) .rtl #wpadminbar * { -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 { + display: inline-block; + float: none; position: relative; z-index: 30; font-size: 13px; 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; max-width: none;