vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-04-05 05:04:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

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

props kovshenin.
see #19845.


git-svn-id: https://develop.svn.wordpress.org/trunk@27343 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin
2014-03-01 21:33:36 +00:00
parent 34cdf7f7e1
commit 2b03ef73ae
5 changed files with 160 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/wp-admin/css/edit.css
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;
left: 0;
width: 100%;
height: 100%;
z-index: 250000;
display: none;
text-align: center;
}
.uploader-editor-content {
border: 1px dashed #fff;
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
pointer-events: none;
}
#poststuff .uploader-editor-content h3 {
margin: -0.5em 0 0;
position: absolute;
top: 50%;
left: 0;
right: 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 */