Ticket #24011: 24011.10.diff

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,

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
@@ -237 +238 @@
                         $(this).closest( 'p' ).find( 'span' ).toggle();
                 });
 
+                // Set opacity of title on focus
+                $( 'html' ).on( 'focusin', '.wp-format-aside #title,.wp-format-status #title', function(e) {
+                        $( '#titlewrap' ).animate( {opacity:1}, 200 );
+                }).on( 'focusout', '.wp-format-aside #title,.wp-format-status #title', function(e) {
+                        $( '#titlewrap' ).animate( {opacity:.5}, 200 );
+                });
+
                 // Media selection
                 $( '.wp-format-media-select' ).click( function (e) {
                         e.preventDefault();