Accessibility: Improve the color contrast ratio of the dismiss notice buttons.

Props chris_dev.
Fixes #39970.


git-svn-id: https://develop.svn.wordpress.org/trunk@40570 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2017-05-04 22:31:17 +00:00
parent 859c3551ac
commit e49e372671
4 changed files with 19 additions and 6 deletions

View File

@ -779,7 +779,7 @@ img.emoji {
#bulk-titles div a:before,
.notice-dismiss:before {
background: none;
color: #b4b9be;
color: #72777c;
content: "\f153";
display: block;
font: normal 16px/20px dashicons;
@ -1417,7 +1417,7 @@ div.error p,
margin: 0;
padding: 9px;
background: none;
color: #b4b9be;
color: #72777c;
cursor: pointer;
}

View File

@ -506,7 +506,7 @@ border color while dragging a file over the uploader drop area */
content: "\f153";
display: block;
font: normal 16px/1 dashicons;
color: #b4b9be;
color: #72777c;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,

View File

@ -1272,12 +1272,25 @@
.media-sidebar .media-uploader-status .upload-dismiss-errors {
position: absolute;
top: 0;
right: 0;
top: -10px;
right: -10px;
padding: 10px;
-webkit-transition: none;
transition: none;
}
.media-sidebar .media-uploader-status .upload-dismiss-errors:before {
content: "\f153";
display: block;
font: normal 16px/1 dashicons;
color: #72777c;
}
.media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before,
.media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before {
color: #c00;
}
.upload-errors .upload-error {
padding: 12px;
margin-bottom: 12px;

View File

@ -61,7 +61,7 @@
.wp-pointer-buttons a.close:before {
background: none;
color: #b4b9be;
color: #72777c;
content: "\f153";
display: block !important;
font: normal 16px/1 dashicons;