Changeset 28116 for trunk

Timestamp:

04/14/2014 08:14:01 AM (11 years ago)

Author:

azaozz

Message:

DFW:

• Add background color and remove the top border from the status bar (at the bottom).
• Fix spinner to always be next to the Save button.
• Remove width: auto; from .mce-fixed-width.

Fixes #27709

Location:

trunk/src

Files:

• wp-admin/js/wp-fullscreen.js (modified) (1 diff)
• wp-includes/class-wp-editor.php (modified) (1 diff)
• wp-includes/css/editor.css (modified) (7 diffs)

trunk/src/wp-admin/js/wp-fullscreen.js

@@ -270 +270 @@
         $spinner.show();
         $errorMessage.hide();
+        $saveMessage.hide();
         $hidden.val('wp-fullscreen-save-post');
 

trunk/src/wp-includes/class-wp-editor.php

@@ -1265 +1265 @@
         <div id="wp-fullscreen-save">
             <input type="button" class="button button-primary right" value="<?php echo $save; ?>" onclick="wp.editor.fullscreen.save();" />
-            <span class="spinner"></span>
             <span class="wp-fullscreen-saved-message"><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
             <span class="wp-fullscreen-error-message"><?php _e('Save failed.'); ?></span>
+            <span class="spinner"></span>
         </div>
 

trunk/src/wp-includes/css/editor.css

@@ -472 +472 @@
 
 .mce-menubtn.mce-fixed-width button span {
-    width: auto;
     max-width: 80px;
     padding-right: 16px;
@@ -1469 +1468 @@
 }
 
-.wp-fullscreen-active .fullscreen-fader {
+.wp-fullscreen-active .fullscreen-fader,
+.wp-core-ui.wp-fullscreen-active .postbox-container {
     display: none;
 }
@@ -1527 +1527 @@
     margin: 0 auto;
     padding: 0;
-    border-top: 1px dashed #ccc;
 }
 
@@ -1544 +1543 @@
 
 .wp-fullscreen-active .wp-editor-container {
-    margin: 0 auto 30px;
-    border-bottom: 0;
+    margin: 0 auto 40px;
 }
 
@@ -1616 +1614 @@
     margin: auto;
     padding: 0;
-    min-width: 550px;
+    min-width: 620px;
 }
 
@@ -1708 +1706 @@
 
 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
-    height: 30px;
+    height: 29px;
+    background: #f8f8f8;
+    border-top: 1px solid #eee;
 }
 
@@ -1837 +1837 @@
         width: 480px;
     }
-    
+
+    #fullscreen-topbar {
+        position: absolute;
+    }
+
     #wp-fullscreen-status {
         width: auto !important;