Changeset 63306 for trunk/src/wp-includes/css/admin-bar.css

Timestamp:

08/16/2026 04:10:24 PM (3 weeks ago)

Author:

joedolson

Message:

Toolbar: Revert focus and hover style changes.

Reverts the focus and hover style changes in the admin toolbar. Reverts [63190], [63009], and [63188], restoring the appearance in WordPress 7.0.

Props fushar, wildworks, ravichudasama01, afercia, joen, keoshi, cbusquets1989, annezazu.
Fixes #65849. See #65445.

File:

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

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

@@ -78 +78 @@
 }
 
-#wpadminbar a:focus,
-#wpadminbar .ab-item[tabindex="0"]:focus {
-        outline-offset: -2px;
+#wpadminbar a:focus {
+        outline-offset: -1px;
         /* Only visible in Windows High Contrast mode */
         outline: 2px solid transparent;
-}
-
-#wpadminbar a:hover,
-#wpadminbar a:focus,
-#wpadminbar .ab-item[tabindex="0"]:hover,
-#wpadminbar .ab-item[tabindex="0"]:focus {
-        box-shadow: inset 0 -4px 0 0 currentColor;
-        transition: box-shadow 0.1s linear;
-}
-
-#wpadminbar .ab-submenu a:hover,
-#wpadminbar .ab-submenu a:focus,
-#wpadminbar .ab-submenu .ab-item[tabindex="0"]:hover,
-#wpadminbar .ab-submenu .ab-item[tabindex="0"]:focus {
-        box-shadow: inset 4px 0 0 0 currentColor;
 }
 
@@ -240 +224 @@
 }
 
-#wpadminbar > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 #wpadminbar > #wp-toolbar li.hover span.ab-label,
-/* The adminbar menu may output either links or focusable div elements. */
-/* As such, we target the focus state without specifying the element type. */
-#wpadminbar > #wp-toolbar :focus span.ab-label {
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
         color: #72aee6;
 }
@@ -313 +295 @@
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
-#wpadminbar li #adminbarsearch.adminbar-focused:before,
-#wpadminbar.mobile .quicklinks .ab-item:focus:before {
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
         color: #72aee6;
 }
@@ -399 +380 @@
 }
 
+#wpadminbar ul li:last-child,
+#wpadminbar ul li:last-child .ab-item {
+        box-shadow: none;
+}
+
 /**
  * Recovery Mode
@@ -467 +453 @@
         position: absolute;
         left: -72px;
-        top: 0;
+        top: 4px;
         width: 64px;
         height: 64px;
@@ -481 +467 @@
         background: none;
         padding: 0;
-        line-height: 1.38461538;
+        height: 18px;
 }
 
@@ -490 +476 @@
 
 #wpadminbar #wp-admin-bar-user-info .username {
+        color: #a7aaad;
         font-size: 11px;
 }
@@ -925 +912 @@
                 width: 52px;
                 padding: 0;
+                color: #a7aaad; /* @todo not needed? this text is hidden */
                 position: relative;
         }
@@ -1044 +1032 @@
                 font-size: 16px;
                 line-height: 1.5;
+                color: #f0f0f1;
+        }
+
+        #wpadminbar #wp-admin-bar-user-info a {
+                padding-top: 4px;
+        }
+
+        #wpadminbar #wp-admin-bar-user-info .username {
+                line-height: 0.8 !important;
+                margin-bottom: -2px;
         }