Media Grid: improve uploader styles.

Props michalzuber, ericlewis.
See #28851.


git-svn-id: https://develop.svn.wordpress.org/trunk@29296 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Scott Taylor 2014-07-25 00:30:28 +00:00
parent 276496aa29
commit 3fef7648f6
2 changed files with 14 additions and 8 deletions

View File

@ -1006,6 +1006,10 @@
outline: none; outline: none;
} }
.attachments-browser .uploader-inline {
border: 4px dashed #bbb;
}
.attachments-browser .uploader-inline:not(.hidden) + .attachments { .attachments-browser .uploader-inline:not(.hidden) + .attachments {
top: 350px; top: 350px;
} }
@ -1024,9 +1028,9 @@
cursor: pointer; cursor: pointer;
height: 48px; height: 48px;
position: absolute; position: absolute;
right: 20px; right: 0;
text-align: center; text-align: center;
top: 20px; top: 0;
width: 50px; width: 50px;
z-index: 1; z-index: 1;
} }
@ -1237,8 +1241,8 @@
} }
.media-frame .uploader-inline { .media-frame .uploader-inline {
margin: 20px; margin-bottom: 20px;
padding: 20px; padding: 0;
text-align: center; text-align: center;
} }
@ -1250,7 +1254,7 @@
} }
.uploader-inline-content .upload-ui { .uploader-inline-content .upload-ui {
margin: 4em 0; margin: 2em 0;
} }
.uploader-inline-content .post-upload-ui { .uploader-inline-content .post-upload-ui {
@ -1265,7 +1269,7 @@
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
font-weight: 400; font-weight: 400;
margin-bottom: 1.6em; margin: 0;
} }
.uploader-inline .has-upload-message .upload-instructions { .uploader-inline .has-upload-message .upload-instructions {
@ -1284,6 +1288,7 @@
.uploader-inline p { .uploader-inline p {
font-size: 12px; font-size: 12px;
margin: 0.5em 0;
} }
.uploader-inline .media-progress-bar { .uploader-inline .media-progress-bar {

View File

@ -177,8 +177,9 @@ function wp_print_media_templates() {
<?php else : ?> <?php else : ?>
<div class="upload-ui"> <div class="upload-ui">
<h3 class="upload-instructions drop-instructions"><?php _e( 'Drop files anywhere to upload' ); ?></h3> <h3 class="upload-instructions drop-instructions"><?php _e( 'Drop files here' ); ?></h3>
<a href="#" class="browser button button-hero"><?php _e( 'Select Files' ); ?></a> <p><?php _e( 'or' ); ?></p>
<a href="#" class="browser button"><?php _e( 'Select Files' ); ?></a>
</div> </div>
<div class="upload-inline-status"></div> <div class="upload-inline-status"></div>