diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 05e01f7e18..e4cc38cf27 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/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; } diff --git a/src/wp-includes/js/media-views.js b/src/wp-includes/js/media-views.js index 7bcf5b586b..a8e462c18e 100644 --- a/src/wp-includes/js/media-views.js +++ b/src/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; },