Changeset 62567

Timestamp:

06/28/2026 08:38:14 PM (4 months ago)

Author:

joedolson

Message:

Administration: Fix selected/active buttons in High Contrast Mode.

Follow up to [62467]. Replaces original fix, which turned out to be insufficient. Replaces pseudo-elements with more standard outlines, shifted in scale for visibility.

Props sabernhardt, wildworks, apermo, joedolson.
Fixes #65153.

File:

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

trunk/src/wp-includes/css/buttons.css

@@ -195 +195 @@
         border-color: var(--wp-admin-theme-color, #3858e9);
         box-shadow: inset 0 2px 6px -2px  var(--wp-admin-theme-color-darker-20);
-        position: relative;
+        outline: 3px solid transparent;
+        outline-offset: -3px;
 }
 
@@ -203 +204 @@
         border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
         box-shadow: inset 0 2px 6px -2px  var(--wp-admin-theme-color-darker-20), 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
-}
-
-/* Only visible in Windows High Contrast mode */
-.wp-core-ui .button.active:before {
-        content: "";
-        display: block;
-        position: absolute;
-        width: 100%;
-        height: 0;
-        border-top: 3px solid transparent;
-        bottom: 0;
-        left: 0;
-        box-sizing: border-box;
+        outline-width: 4px;
 }