Skip to content

Commit 2ff0e8a

Browse files
committed
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
1 parent c12992d commit 2ff0e8a

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

src/wp-admin/css/common.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3030,11 +3030,17 @@ div.action-links {
30303030

30313031
.plugin-details-modal #TB_closeWindowButton:hover,
30323032
.plugin-details-modal #TB_closeWindowButton:focus {
3033-
color: #135e96;
30343033
outline: none;
30353034
box-shadow: none;
30363035
}
30373036

3037+
.plugin-details-modal #TB_closeWindowButton:hover::after,
3038+
.plugin-details-modal #TB_closeWindowButton:focus::after {
3039+
outline: 2px solid;
3040+
outline-offset: -4px;
3041+
border-radius: 4px;
3042+
}
3043+
30383044
.plugin-details-modal .tb-close-icon {
30393045
display: none;
30403046
}

0 commit comments

Comments
 (0)