Fix drag-and-drop upload in distraction-free writing.

props kovshenin.
fixes #27438.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27674 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-includes/css/media-views-rtl.css

@@ -1646,6 +1646,7 @@
 }
 
 /* Drag & drop on the editor upload */
+#wp-fullscreen-body .uploader-editor,
 .wp-editor-wrap .uploader-editor {
 	background: rgba( 150, 150, 150, 0.9 );
 	position: absolute;
@@ -1658,12 +1659,17 @@
 	text-align: center;
 }
 
-.wp-editor-wrap.wp-fullscreen-wrap .uploader-editor {
+#wp-fullscreen-body .uploader-editor {
 	background: rgba( 0, 86, 132, 0.9 );
 	position: fixed;
 	z-index: 100050; /* above the editor toolbar */
 }
 
+.wp-editor-wrap.wp-fullscreen-wrap .uploader-editor {
+	opacity: 0;
+}
+
+#wp-fullscreen-body .uploader-editor-content,
 .wp-editor-wrap .uploader-editor-content {
 	border: 1px dashed #fff;
 	position: absolute;
@@ -1673,6 +1679,7 @@
 	bottom: 10px;
 }
 
+#wp-fullscreen-body .uploader-editor .uploader-editor-title,
 .wp-editor-wrap .uploader-editor .uploader-editor-title {
 	position: absolute;
 	top: 50%;
@@ -1686,6 +1693,7 @@
 	font-weight: bold;
 	color: #fff;
 	padding: 0;
+	margin: 0;
 	display: none;
 }
 
@@ -1693,6 +1701,7 @@
 	background: rgba( 0, 86, 132, 0.9 );
 }
 
+#wp-fullscreen-body .uploader-editor .uploader-editor-title,
 .wp-editor-wrap .uploader-editor.droppable .uploader-editor-title {
 	display: block;
 }

wp-includes/css/media-views.css

@@ -1646,6 +1646,7 @@
 }
 
 /* Drag & drop on the editor upload */
+#wp-fullscreen-body .uploader-editor,
 .wp-editor-wrap .uploader-editor {
 	background: rgba( 150, 150, 150, 0.9 );
 	position: absolute;
@@ -1658,12 +1659,17 @@
 	text-align: center;
 }
 
-.wp-editor-wrap.wp-fullscreen-wrap .uploader-editor {
+#wp-fullscreen-body .uploader-editor {
 	background: rgba( 0, 86, 132, 0.9 );
 	position: fixed;
 	z-index: 100050; /* above the editor toolbar */
 }
 
+.wp-editor-wrap.wp-fullscreen-wrap .uploader-editor {
+	opacity: 0;
+}
+
+#wp-fullscreen-body .uploader-editor-content,
 .wp-editor-wrap .uploader-editor-content {
 	border: 1px dashed #fff;
 	position: absolute;
@@ -1673,6 +1679,7 @@
 	bottom: 10px;
 }
 
+#wp-fullscreen-body .uploader-editor .uploader-editor-title,
 .wp-editor-wrap .uploader-editor .uploader-editor-title {
 	position: absolute;
 	top: 50%;
@@ -1686,6 +1693,7 @@
 	font-weight: bold;
 	color: #fff;
 	padding: 0;
+	margin: 0;
 	display: none;
 }
 
@@ -1693,6 +1701,7 @@
 	background: rgba( 0, 86, 132, 0.9 );
 }
 
+#wp-fullscreen-body .uploader-editor .uploader-editor-title,
 .wp-editor-wrap .uploader-editor.droppable .uploader-editor-title {
 	display: block;
 }

wp-includes/js/media-views.js

@@ -3136,7 +3136,7 @@
 			}
 
 			media.View.prototype.render.apply( this, arguments );
-			$( '.wp-editor-wrap' ).each( _.bind( this.attach, this ) );
+			$( '.wp-editor-wrap, #wp-fullscreen-body' ).each( _.bind( this.attach, this ) );
 			return this;
 		},