Changeset 28116 for trunk

Timestamp:

04/14/2014 08:14:01 AM (12 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;