Move the styling of drag/drop on the editor uploading to media-views.css, see #27465

git-svn-id: https://develop.svn.wordpress.org/trunk@27656 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz 2014-03-23 01:41:21 +00:00
parent 42e7ed7c78
commit 7dbbebeb43
3 changed files with 52 additions and 59 deletions

View File

@ -598,64 +598,6 @@ span.wp-media-buttons-icon:before {
margin-bottom: 20px;
}
.wp-editor-wrap {
position: relative;
}
.uploader-editor {
background: rgba( 150, 150, 150, 0.9 );
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99998; /* under the toolbar */
display: none;
text-align: center;
}
.wp-fullscreen-wrap .uploader-editor {
background: rgba( 0, 86, 132, 0.9 );
position: fixed;
z-index: 100050; /* above the editor toolbar */
}
.uploader-editor-content {
border: 1px dashed #fff;
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
#poststuff .uploader-editor-content h3 {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY( -50% );
-ms-transform: translateY( -50% );
transform: translateY( -50% );
font-size: 40px;
color: #fff;
padding: 0;
display: none;
}
.uploader-editor.droppable {
background: rgba( 0, 86, 132, 0.9 );
}
#poststuff .uploader-editor.droppable h3 {
display: block;
}
/* TinyMCE */
#mce_fullscreen_container {
background: #fff;
}
/*------------------------------------------------------------------------------
11.1 - Custom Fields
------------------------------------------------------------------------------*/

View File

@ -1578,6 +1578,57 @@
margin: 1px 0;
}
/* Drag & drop on the editor upload */
.wp-editor-wrap .uploader-editor {
background: rgba( 150, 150, 150, 0.9 );
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99998; /* under the toolbar */
display: none;
text-align: center;
}
.wp-editor-wrap.wp-fullscreen-wrap .uploader-editor {
background: rgba( 0, 86, 132, 0.9 );
position: fixed;
z-index: 100050; /* above the editor toolbar */
}
.wp-editor-wrap .uploader-editor-content {
border: 1px dashed #fff;
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
.wp-editor-wrap .uploader-editor .uploader-editor-title {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY( -50% );
-ms-transform: translateY( -50% );
transform: translateY( -50% );
font-size: 3em;
font-weight: bold;
color: #fff;
padding: 0;
display: none;
}
.wp-editor-wrap .uploader-editor.droppable {
background: rgba( 0, 86, 132, 0.9 );
}
.wp-editor-wrap .uploader-editor.droppable .uploader-editor-title {
display: block;
}
/**
* IE7 Fixes
*/

View File

@ -142,7 +142,7 @@ function wp_print_media_templates() {
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<h3><?php _e( 'Drop files to upload' ); ?></h3>
<div class="uploader-editor-title"><?php _e( 'Drop files to upload' ); ?></div>
</div>
</script>