sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Accessibility: Improve focus styles for legacy modal dialogs powered by jQuery UI.

Browse Source 
Fixes #47944.


git-svn-id: https://develop.svn.wordpress.org/trunk@45931 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2019-09-02 21:48:29 +00:00
parent e12f3793d5
commit aed8c497cb
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/wp-includes/css/editor.css
View File

@ -1453,6 +1453,9 @@ i.mce-i-wp_code:before {
box-shadow: box-shadow:
0 0 0 1px #5b9dd9, 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8); 0 0 2px 1px rgba(30, 140, 190, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
outline-offset: -2px;
} }
#wp-link-wrap #link-selector { #wp-link-wrap #link-selector {

14
src/wp-includes/css/jquery-ui-dialog.css
View File

@ -264,6 +264,7 @@
z-index: 100102; z-index: 100102;
background-color: #fff; background-color: #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
overflow: hidden;
} }
.ui-dialog-titlebar { .ui-dialog-titlebar {
@ -290,6 +291,7 @@
width: 36px; width: 36px;
height: 36px; height: 36px;
text-align: center; text-align: center;
border-radius: 0;
} }
.ui-dialog-titlebar-close:before { .ui-dialog-titlebar-close:before {
@ -304,10 +306,20 @@
content: "\f158"; content: "\f158";
} }
.ui-button.ui-dialog-titlebar-close:hover { .ui-button.ui-dialog-titlebar-close:hover,
.ui-button.ui-dialog-titlebar-close:focus {
color: #00a0d2; color: #00a0d2;
} }
.ui-button.ui-dialog-titlebar-close:focus {
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
outline-offset: -2px;
}
.ui-dialog-titlebar-close .ui-button-text { .ui-dialog-titlebar-close .ui-button-text {
display: none; display: none;
} }