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:
parent
276496aa29
commit
3fef7648f6
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue