Ticket #38671: 38671.3.patch

wp-admin/async-upload.php

@@ -91 +91 @@
 $id = media_handle_upload( 'async-upload', $post_id );
 if ( is_wp_error($id) ) {
         echo '<div class="error-div error">
-        <a class="dismiss" href="#" onclick="jQuery(this).parents(\'div.media-item\').slideUp(200, function(){jQuery(this).remove();});">' . __('Dismiss') . '</a>
+        <button class="dismiss button-link" href="#" onclick="jQuery(this).parents(\'div.media-item\').slideUp(200, function(){jQuery(this).remove();});">' . __('Dismiss') . '</button>
         <strong>' . sprintf(__('&#8220;%s&#8221; has failed to upload.'), esc_html($_FILES['async-upload']['name']) ) . '</strong><br />' .
         esc_html($id->get_error_message()) . '</div>';
         exit;

wp-admin/css/media.css

@@ -216 +216 @@
         padding: 10px 0 10px 14px;
 }
 
-.media-item .error-div a.dismiss {
+.media-item .error-div button.dismiss {
+        color:  #0073aa;
         display: block;
         float: right;
         margin: 0 10px 0 15px;
+        outline: 0;
+        text-decoration:  underline;
+        -webkit-transition-property: border, background, color; 
+        transition-property: border, background, color; 
+        -webkit-transition-duration: .05s; 
+        transition-duration: .05s; 
+        -webkit-transition-timing-function: ease-in-out; 
+        transition-timing-function: ease-in-out; 
 }
 
+.media-item .error-div button.dismiss:hover,
+.media-item .error-div button.dismiss:active {
+        color: #00a0d2; 
+}
+
+.media-item .error-div button.dismiss:focus {
+        color: #124964; 
+        -webkit-box-shadow: 
+                0 0 0 1px #5b9dd9, 
+                0 0 2px 1px rgba(30, 140, 190, .8); 
+        box-shadow: 
+                0 0 0 1px #5b9dd9, 
+                0 0 2px 1px rgba(30, 140, 190, .8); 
+}
+
 /*------------------------------------------------------------------------------
   14.1 - Media Library
 ------------------------------------------------------------------------------*/