Changeset 63190

Timestamp:

08/11/2026 11:05:13 PM (34 hours ago)

Author:

joedolson

Message:

Toolbar: Match hover state to focus state.

Follow up to [63009]. The original commit strengthened the focus state in the admin toolbar, but didn't change the hover state. This created a mismatch in behavior where the admin toolbar behaved differently from the primary admin menu, which has a shared hover and focus state.

Apply the focus state to the hover condition as well, so that the behavior matches the admin sidebar.

Props fushar, wildworks, ravichudasama01, afercia, joedolson.
Fixes #65849.

File:

• trunk/src/wp-includes/css/admin-bar.css (modified) (1 diff)

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

@@ -83 +83 @@
         /* 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;