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:
parent
97604df447
commit
477a823d25
|
@ -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
|
@ -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
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue