Ticket #28851: 28851.3.diff

src/wp-includes/css/media-views.css

@@ -1002 +1002 @@
         outline: none;
 }
 
+.attachments-browser .uploader-inline {
+        border: 4px dashed #bbb;
+}
+
 .attachments-browser .uploader-inline:not(.hidden) + .attachments {
         top: 350px;
 }
@@ -1020 +1024 @@
         cursor: pointer;
         height: 48px;
         position: absolute;
-        right: 20px;
+        right: 0;
         text-align: center;
-        top: 20px;
+        top: 0;
         width: 50px;
         z-index: 1;
 }
@@ -1318 +1322 @@
 }
 
 .media-frame .uploader-inline {
-        margin: 20px;
-        padding: 20px;
+        margin-bottom: 20px;
+        padding: 0;
         text-align: center;
 }
 
@@ -1331 +1335 @@
 }
 
 .uploader-inline-content .upload-ui {
-        margin: 4em 0;
+        margin: 2em 0;
 }
 
 .uploader-inline-content .post-upload-ui {
@@ -1346 +1350 @@
         font-size: 20px;
         line-height: 28px;
         font-weight: 400;
-        margin-bottom: 1.6em;
+        margin: 0;
 }
 
 .uploader-inline .has-upload-message .upload-instructions {
@@ -1365 +1369 @@
 
 .uploader-inline p {
         font-size: 12px;
+        margin: 0.5em 0;
 }
 
 .uploader-inline .media-progress-bar {

src/wp-includes/media-template.php

@@ -177 +177 @@
 
                 <?php else : ?>
                         <div class="upload-ui">
-                                <h3 class="upload-instructions drop-instructions"><?php _e( 'Drop files anywhere to upload' ); ?></h3>
-                                <a href="#" class="browser button button-hero"><?php _e( 'Select Files' ); ?></a>
+                                <h3 class="upload-instructions drop-instructions"><?php _e( 'Drop files here' ); ?></h3>
+                                <p>or</p>
+                                <a href="#" class="browser button"><?php _e( 'Select Files' ); ?></a>
                         </div>
 
                         <div class="upload-inline-status"></div>
@@ -206 +207 @@
                                 ?>
 
                                 <p class="max-upload-size"><?php
-                                        printf( __( 'Maximum upload file size: %s.' ), esc_html( size_format( $max_upload_size ) ) );
+                                        printf( __( 'Maximum upload file size: %s' ), esc_html( size_format( $max_upload_size ) ) );
                                 ?></p>
 
                                 <# if ( data.suggestedWidth && data.suggestedHeight ) { #>