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.
Built from https://develop.svn.wordpress.org/trunk@55107


git-svn-id: http://core.svn.wordpress.org/trunk@54640 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson 2023-01-20 21:28:14 +00:00
parent fe3e932421
commit c0b3839620
5 changed files with 17 additions and 5 deletions

View File

@ -3031,11 +3031,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;
}

File diff suppressed because one or more lines are too long

View File

@ -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;
}

File diff suppressed because one or more lines are too long

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.2-alpha-55106';
$wp_version = '6.2-alpha-55107';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.