From 2ff0e8a3c20347260b2ccb9f209b2447d2c5d9e8 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Fri, 20 Jan 2023 21:26:44 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@55107 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/common.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 5f9022ebf5..cb20858db4 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -3030,11 +3030,17 @@ div.action-links { .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; +} + .plugin-details-modal .tb-close-icon { display: none; }