Changeset 29296

Timestamp:

07/25/2014 12:30:28 AM (10 years ago)

Author:

wonderboymusic

Message:

Media Grid: improve uploader styles.

Props michalzuber, ericlewis.
See #28851.

Location:

trunk/src/wp-includes

Files:

• css/media-views.css (modified) (6 diffs)
• media-template.php (modified) (1 diff)

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

@@ -1007 +1007 @@
 }
 
+.attachments-browser .uploader-inline {
+    border: 4px dashed #bbb;
+}
+
 .attachments-browser .uploader-inline:not(.hidden) + .attachments {
     top: 350px;
@@ -1025 +1029 @@
     height: 48px;
     position: absolute;
-    right: 20px;
+    right: 0;
     text-align: center;
-    top: 20px;
+    top: 0;
     width: 50px;
     z-index: 1;
@@ -1238 +1242 @@
 
 .media-frame .uploader-inline {
-    margin: 20px;
-    padding: 20px;
+    margin-bottom: 20px;
+    padding: 0;
     text-align: center;
 }
@@ -1251 +1255 @@
 
 .uploader-inline-content .upload-ui {
-    margin: 4em 0;
+    margin: 2em 0;
 }
 
@@ -1266 +1270 @@
     line-height: 28px;
     font-weight: 400;
-    margin-bottom: 1.6em;
+    margin: 0;
 }
 
@@ -1285 +1289 @@
 .uploader-inline p {
     font-size: 12px;
+    margin: 0.5em 0;
 }
 

trunk/src/wp-includes/media-template.php

@@ -178 +178 @@
         <?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><?php _e( 'or' ); ?></p>
+                <a href="#" class="browser button"><?php _e( 'Select Files' ); ?></a>
             </div>