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

git-svn-id: https://develop.svn.wordpress.org/trunk@28116 602fd350-edb4-49c9-b593-d223f7449a82

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

@@ -269,6 +269,7 @@
 
 		$spinner.show();
 		$errorMessage.hide();
+		$saveMessage.hide();
 		$hidden.val('wp-fullscreen-save-post');
 
 		if ( s.editor && ! s.editor.isHidden() ) {

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

@@ -1264,9 +1264,9 @@ final class _WP_Editors {
 
 		<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>
 
 		</div>

src/wp-includes/css/editor.css

@@ -471,7 +471,6 @@ div.mce-menu .mce-menu-item-sep,
 }
 
 .mce-menubtn.mce-fixed-width button span {
-	width: auto;
 	max-width: 80px;
 	padding-right: 16px;
 }
@@ -1468,7 +1467,8 @@ i.mce-i-hr:before {
 	z-index: 200000;
 }
 
-.wp-fullscreen-active .fullscreen-fader {
+.wp-fullscreen-active .fullscreen-fader,
+.wp-core-ui.wp-fullscreen-active .postbox-container {
 	display: none;
 }
 
@@ -1526,7 +1526,6 @@ i.mce-i-hr:before {
 #wp-fullscreen-status {
 	margin: 0 auto;
 	padding: 0;
-	border-top: 1px dashed #ccc;
 }
 
 .wp-fullscreen-active .wp-fullscreen-title,
@@ -1543,8 +1542,7 @@ i.mce-i-hr:before {
 }
 
 .wp-fullscreen-active .wp-editor-container {
-	margin: 0 auto 30px;
-	border-bottom: 0;
+	margin: 0 auto 40px;
 }
 
 .wp-fullscreen-active .wp-fullscreen-title {
@@ -1615,7 +1613,7 @@ i.mce-i-hr:before {
 #wp-fullscreen-central-toolbar {
 	margin: auto;
 	padding: 0;
-	min-width: 550px;
+	min-width: 620px;
 }
 
 #wp-fullscreen-buttons > div {
@@ -1707,7 +1705,9 @@ i.mce-i-hr:before {
 }
 
 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
-	height: 30px;
+	height: 29px;
+	background: #f8f8f8;
+	border-top: 1px solid #eee;
 }
 
 .wp-fullscreen-active .wp-fullscreen-title,
@@ -1836,7 +1836,11 @@ i.mce-i-hr:before {
 	.wp-fullscreen-wrap {
 		width: 480px;
 	}
-	
+
+	#fullscreen-topbar {
+		position: absolute;
+	}
+
 	#wp-fullscreen-status {
 		width: auto !important;
 		max-width: 100%;