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:
parent
859c3551ac
commit
e49e372671
@ -779,7 +779,7 @@ img.emoji {
|
|||||||
#bulk-titles div a:before,
|
#bulk-titles div a:before,
|
||||||
.notice-dismiss:before {
|
.notice-dismiss:before {
|
||||||
background: none;
|
background: none;
|
||||||
color: #b4b9be;
|
color: #72777c;
|
||||||
content: "\f153";
|
content: "\f153";
|
||||||
display: block;
|
display: block;
|
||||||
font: normal 16px/20px dashicons;
|
font: normal 16px/20px dashicons;
|
||||||
@ -1417,7 +1417,7 @@ div.error p,
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 9px;
|
padding: 9px;
|
||||||
background: none;
|
background: none;
|
||||||
color: #b4b9be;
|
color: #72777c;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -506,7 +506,7 @@ border color while dragging a file over the uploader drop area */
|
|||||||
content: "\f153";
|
content: "\f153";
|
||||||
display: block;
|
display: block;
|
||||||
font: normal 16px/1 dashicons;
|
font: normal 16px/1 dashicons;
|
||||||
color: #b4b9be;
|
color: #72777c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
|
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
|
||||||
|
@ -1272,12 +1272,25 @@
|
|||||||
|
|
||||||
.media-sidebar .media-uploader-status .upload-dismiss-errors {
|
.media-sidebar .media-uploader-status .upload-dismiss-errors {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: -10px;
|
||||||
right: 0;
|
right: -10px;
|
||||||
|
padding: 10px;
|
||||||
-webkit-transition: none;
|
-webkit-transition: none;
|
||||||
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 {
|
.upload-errors .upload-error {
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
|
@ -61,7 +61,7 @@
|
|||||||
|
|
||||||
.wp-pointer-buttons a.close:before {
|
.wp-pointer-buttons a.close:before {
|
||||||
background: none;
|
background: none;
|
||||||
color: #b4b9be;
|
color: #72777c;
|
||||||
content: "\f153";
|
content: "\f153";
|
||||||
display: block !important;
|
display: block !important;
|
||||||
font: normal 16px/1 dashicons;
|
font: normal 16px/1 dashicons;
|
||||||
|
Loading…
Reference in New Issue
Block a user