Media Grid: improve uploader styles.

Props michalzuber, ericlewis.
See #28851.

Built from https://develop.svn.wordpress.org/trunk@29296


git-svn-id: http://core.svn.wordpress.org/trunk@29078 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Scott Taylor 2014-07-25 00:31:15 +00:00
parent 97604df447
commit 477a823d25
5 changed files with 27 additions and 16 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;
left: 20px;
left: 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 {

File diff suppressed because one or more lines are too long

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 {

File diff suppressed because one or more lines are too long

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>