WordPress.org

Make WordPress Core

Ticket #24011: 24011.10.diff

File 24011.10.diff, 2.0 KB (added by aaroncampbell, 5 years ago)
  • wp-admin/css/wp-admin.css

     
    41164116}
    41174117
    41184118.wp-post-format-show-ui.wp-format-image .attachment-display-settings,
    4119 .wp-post-format-show-ui.wp-format-status #titlewrap,
    41204119.wp-post-format-show-ui.wp-format-image #insert-media-button,
    41214120.wp-post-format-show-ui.wp-format-audio #insert-media-button,
    41224121.wp-post-format-show-ui.wp-format-video #insert-media-button,
  • wp-admin/js/post-formats.js

     
    1313                lastHeight = 360,
    1414                initialFormat = 'standard',
    1515                shortClass = 'short-format',
    16                 noTitleFormats = ['status'],
     16                noTitleFormats = ['status', 'aside'],
    1717                noMediaFormats = ['status', 'aside', 'image', 'audio', 'video'],
    1818                shortContentFormats = ['status', 'aside'],
    1919                noUIFormats = ['standard', 'chat', 'status', 'aside', 'gallery'];
     
    135135                formatTo = -1 < $.inArray( format, noTitleFormats );
    136136                formatFrom = -1 < $.inArray( postFormats.currentPostFormat, noTitleFormats );
    137137                if ( formatFrom ? !formatTo : formatTo ) { // XOR
    138                         $( '#titlewrap' ).fadeToggle( 200 );
     138                        var o = (formatTo)? .5:1;
     139                        $( '#titlewrap' ).animate( {opacity:o}, 200 );
    139140                }
    140141
    141142                // Animate the fields moving going away or coming in
     
    237238                        $(this).closest( 'p' ).find( 'span' ).toggle();
    238239                });
    239240
     241                // Set opacity of title on focus
     242                $( 'html' ).on( 'focusin', '.wp-format-aside #title,.wp-format-status #title', function(e) {
     243                        $( '#titlewrap' ).animate( {opacity:1}, 200 );
     244                }).on( 'focusout', '.wp-format-aside #title,.wp-format-status #title', function(e) {
     245                        $( '#titlewrap' ).animate( {opacity:.5}, 200 );
     246                });
     247
    240248                // Media selection
    241249                $( '.wp-format-media-select' ).click( function (e) {
    242250                        e.preventDefault();