Ticket #24011: 24011.12.diff

wp-admin/js/post-formats.js

@@ -13 +13 @@
                 lastHeight = 360,
                 initialFormat = 'standard',
                 shortClass = 'short-format',
-                noTitleFormats = ['status'],
+                noTitleFormats = ['status', 'aside'],
                 noMediaFormats = ['status', 'aside', 'image', 'audio', 'video'],
                 shortContentFormats = ['status', 'aside'],
                 noUIFormats = ['standard', 'chat', 'status', 'aside', 'gallery'];
@@ -135 +135 @@
                 formatTo = -1 < $.inArray( format, noTitleFormats );
                 formatFrom = -1 < $.inArray( postFormats.currentPostFormat, noTitleFormats );
                 if ( formatFrom ? !formatTo : formatTo ) { // XOR
-                        $( '#titlewrap' ).fadeToggle( 200 );
+                        var o = (formatTo)? .5:1;
+                        $( '#titlewrap' ).animate( {opacity:o}, 200 );
                 }
 
                 // Animate the fields moving going away or coming in
@@ -160 +161 @@
                 }
 
                 resizeContent( format );
-                postTitle.focus();
+                if( -1 < $.inArray( format, noTitleFormats ) )
+                        if( $('#content:visible').size() )
+                                $('#content').focus();
+                        else
+                                tinyMCE.activeEditor.focus();
+                else
+                        postTitle.focus();
 
                 if ( '' === postTitle.val() ) {
                         titlePrompt.removeClass( 'screen-reader-text' );
@@ -237 +244 @@
                         $(this).closest( 'p' ).find( 'span' ).toggle();
                 });
 
+                // Set opacity of title on focus
+                var noTitleFormatsSelector = '.wp-format-' + noTitleFormats.join( ' #title,.wp-format-' ) + ' #title';
+                $( 'html' ).on( 'focusin', noTitleFormatsSelector, function(e) {
+                        $( '#titlewrap' ).animate( {opacity:1}, 200 );
+                }).on( 'focusout', noTitleFormatsSelector, function(e) {
+                        $( '#titlewrap' ).animate( {opacity:.5}, 200 );
+                });
+
                 // Media selection
                 $( '.wp-format-media-select' ).click( function (e) {
                         e.preventDefault();

wp-admin/css/wp-admin.css

@@ -4116 +4116 @@
 }
 
 .wp-post-format-show-ui.wp-format-image .attachment-display-settings,
-.wp-post-format-show-ui.wp-format-status #titlewrap,
 .wp-post-format-show-ui.wp-format-image #insert-media-button,
 .wp-post-format-show-ui.wp-format-audio #insert-media-button,
 .wp-post-format-show-ui.wp-format-video #insert-media-button,