Add the ability to drag and drop files directly onto the editor.

The file will then begin to upload and the media manager will open.

props kovshenin.
see #19845.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27195 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Nacin
2014-03-01 21:34:17 +00:00
parent 15068e1cd4
commit 482856e2e1
11 changed files with 212 additions and 8 deletions

View File

@@ -593,7 +593,52 @@ span.wp-media-buttons-icon:before {
}
.edit-form-section {
margin-bottom: 20px;
margin-bottom: 20px;
position: relative;
}
.uploader-editor {
background: rgba( 150, 150, 150, 0.9 );
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 250000;
display: none;
text-align: center;
}
.uploader-editor-content {
border: 1px dashed #fff;
position: absolute;
top: 10px;
right: 10px;
left: 10px;
bottom: 10px;
pointer-events: none;
}
#poststuff .uploader-editor-content h3 {
margin: -0.5em 0 0;
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY( -50% );
font-size: 40px;
color: #fff;
padding: 0;
display: none;
pointer-events: none;
}
.uploader-editor.droppable {
background: rgba( 0, 86, 132, 0.9 );
}
#poststuff .uploader-editor.droppable h3 {
display: block;
}
/* TinyMCE */