Changeset 27656

Timestamp:

03/23/2014 01:41:21 AM (11 years ago)

Author:

azaozz

Message:

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

Location:

trunk/src

Files:

• wp-admin/css/edit.css (modified) (1 diff)
• wp-includes/css/media-views.css (modified) (1 diff)
• wp-includes/media-template.php (modified) (1 diff)

trunk/src/wp-admin/css/edit.css

@@ -599 +599 @@
 }
 
-.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

trunk/src/wp-includes/css/media-views.css

@@ -1579 +1579 @@
 }
 
+/* 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

trunk/src/wp-includes/media-template.php

@@ -143 +143 @@
     <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>