Changeset 27656

Timestamp:

03/23/2014 01:41:21 AM (12 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>