Changeset 55107

Timestamp:

01/20/2023 09:26:44 PM (21 months ago)

Author:

joedolson

Message:

Plugins: Add visible focus on plugin modal close button.

Change the focus and hover state of the plugin modal close button to use #f0f0f1 with visible outline to be visible against modal overlay.

Props dperonne, viralsampat, jeawhanlee, mukesh27, sabernhardt, joedolson.
Fixes #56604.

File:

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

trunk/src/wp-admin/css/common.css

@@ -3031 +3031 @@
 .plugin-details-modal #TB_closeWindowButton:hover,
 .plugin-details-modal #TB_closeWindowButton:focus {
-    color: #135e96;
     outline: none;
     box-shadow: none;
+}
+
+.plugin-details-modal #TB_closeWindowButton:hover::after,
+.plugin-details-modal #TB_closeWindowButton:focus::after {
+    outline: 2px solid;
+    outline-offset: -4px;
+    border-radius: 4px;
 }