diff -r c7c34916027a -r 177826044cd9 wp/wp-admin/css/media.css --- a/wp/wp-admin/css/media.css Mon Oct 14 18:06:33 2019 +0200 +++ b/wp/wp-admin/css/media.css Mon Oct 14 18:28:13 2019 +0200 @@ -164,7 +164,7 @@ overflow: hidden; border-radius: 22px; background: #ddd; - box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .media-item .bar { @@ -174,7 +174,7 @@ margin-top: -22px; border-radius: 22px; background-color: #0073aa; - box-shadow: inset 0 0 2px rgba(0,0,0,0.3); + box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); } .media-item .progress .percent { @@ -186,7 +186,7 @@ text-align: center; line-height: 22px; font-weight: 400; - text-shadow: 0 1px 2px rgba(0,0,0,0.2); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .upload-php .fixed .column-parent { @@ -211,8 +211,7 @@ padding: 10px 0 10px 14px; } -.media-item .error-div a.dismiss { - display: block; +.media-item .error-div button.dismiss { float: right; margin: 0 10px 0 15px; } @@ -223,7 +222,7 @@ .find-box { 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); width: 600px; overflow: hidden; margin-left: -300px; @@ -311,10 +310,12 @@ } #find-posts-close:focus { - outline: none; box-shadow: 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .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; } #find-posts-close:before { @@ -336,13 +337,13 @@ right: 0; } -@media screen and ( max-width: 782px ) { +@media screen and (max-width: 782px) { .find-box-inside { bottom: 57px; } } -@media screen and ( max-width: 660px ) { +@media screen and (max-width: 660px) { .find-box { top: 0; @@ -461,7 +462,7 @@ margin-top: 12px; padding: 0 16px; border-left: 4px solid #dd3d36; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: #fff; } @@ -529,7 +530,9 @@ box-shadow: inset 0 0 2px 3px #f1f1f1, inset 0 0 0 7px #5b9dd9; - outline: none; + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + outline-offset: -6px; } .media-frame.mode-grid .selected.attachment { @@ -682,18 +685,24 @@ box-shadow: none; } +.upload-php .media-modal-close:focus, +.edit-attachment-frame .edit-media-header .left:focus, +.edit-attachment-frame .edit-media-header .right:focus { + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + outline-offset: -2px; +} + .upload-php .media-modal-close:focus .media-modal-icon:before, .upload-php .media-modal-close:hover .media-modal-icon:before { color: #000; } -.edit-attachment-frame .edit-media-header .left:before, -.rtl .edit-attachment-frame .edit-media-header .right:before { +.edit-attachment-frame .edit-media-header .left:before { content: "\f341"; } -.edit-attachment-frame .edit-media-header .right:before, -.rtl .edit-attachment-frame .edit-media-header .left:before { +.edit-attachment-frame .edit-media-header .right:before { content: "\f345"; } @@ -751,6 +760,10 @@ background-size: 20px 20px; } +.edit-attachment-frame .attachment-media-view .details-image.icon { + background: none; +} + .edit-attachment-frame .attachment-media-view .attachment-actions { text-align: center; } @@ -810,6 +823,13 @@ /*------------------------------------------------------------------------------ 14.2 - Image Editor ------------------------------------------------------------------------------*/ +.wp_attachment_details .attachment-alt-text { + margin-bottom: 5px; +} + +.wp_attachment_details .attachment-alt-text-description { + margin-top: 5px; +} .wp_attachment_details label[for="content"] { font-size: 13px; @@ -888,7 +908,6 @@ margin: -10px 0 0 -10px; background: transparent url(../images/spinner.gif) no-repeat center; background-size: 20px 20px; - -webkit-transform: translateZ(0); transform: translateZ(0); } @@ -1077,8 +1096,9 @@ .image-editor .imgedit-settings .imgedit-help-toggle:focus { color: #0074a2; border-color: #5b9dd9; - outline: none; - box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); + box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; } .form-table td.imgedit-response { @@ -1161,7 +1181,7 @@ } } -@media screen and ( max-width: 782px ) { +@media screen and (max-width: 782px) { .wp_attachment_details label[for="content"] { font-size: 14px; line-height: 1.5em; @@ -1205,7 +1225,7 @@ } } -@media only screen and ( max-width: 782px ) { +@media only screen and (max-width: 782px) { .media-frame.mode-select .attachments-browser.fixed .media-toolbar { top: 46px; right: 10px;