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

View File

@ -177,8 +177,9 @@ function wp_print_media_templates() {
<?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>
<div class="upload-inline-status"></div>