Make WordPress Core

Ticket #24046: 24046.9.diff

File 24046.9.diff, 9.1 KB (added by markjaquith, 11 years ago)
  • wp-admin/css/colors-classic.css

    textarea.disabled { 
    164164        color: #fff;
    165165}
    166166
     167.post-format-options,
    167168.widget .widget-top,
    168169.postbox h3,
    169170.stuffbox h3,
    table.widefat span.spam a, 
    688689        background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
    689690}
    690691
     692.post-format-options,
    691693.postbox h3 {
    692694        color: #174f69;
    693695}
  • wp-admin/css/colors-fresh.css

    textarea.disabled { 
    164164        color: #fff;
    165165}
    166166
     167.post-format-options,
    167168.widget .widget-top,
    168169.postbox h3,
    169170.stuffbox h3,
    table.widefat span.spam a, 
    690691        background-image: linear-gradient(to top, #f5f5f5, #f9f9f9);
    691692}
    692693
     694.post-format-options,
    693695.postbox h3 {
    694696        color: #464646;
    695697}
  • wp-admin/css/wp-admin.css

    body .ui-tooltip { 
    41014101}
    41024102
    41034103.post-format-options {
    4104         height: 50px;
     4104        border-width: 1px;
     4105        border-style: solid;
     4106        -webkit-border-radius: 3px;
     4107        border-radius: 3px;
     4108        border-color: #CCC;
    41054109        margin: 13px 0 10px;
    4106         padding: 0;
     4110        padding: 5px;
    41074111}
    41084112
    41094113.post-format-options a {
    41104114        display: inline-block;
    4111         height: 34px;
    4112         margin-right: 33px;
     4115        min-width: 62px;
     4116        padding:5px;
     4117        border:1px solid transparent;
     4118        margin-right: 10px;
    41134119        position: relative;
    41144120        text-decoration: none;
    41154121        text-align: center;
     4122        transition: opacity 0.1s linear;
     4123        opacity: 0.6;
     4124}
     4125
     4126.post-format-options:hover a {
     4127        opacity: 1.0;
     4128}
     4129.post-format-options a:hover,
     4130.post-format-options a.active {
     4131        opacity: 1.0;
     4132        background-color: #fff;
     4133        border-color: #ccc;
    41164134}
    41174135
    41184136.post-format-options a div {
    body .ui-tooltip { 
    41504168        width: 16px;
    41514169}
    41524170
    4153 .post-format-change span.icon.standard {
     4171.post-format-change span.icon.wp-format-standard {
    41544172        background: url(../images/post-formats.png) no-repeat -8px -8px;
    41554173}
    41564174
    4157 .post-format-change span.icon.image {
     4175.post-format-change span.icon.wp-format-image {
    41584176        background: url(../images/post-formats.png) no-repeat -40px -8px;
    41594177}
    41604178
    4161 .post-format-change span.icon.gallery {
     4179.post-format-change span.icon.wp-format-gallery {
    41624180        background: url(../images/post-formats.png) no-repeat -72px -8px;
    41634181}
    41644182
    4165 .post-format-change span.icon.audio {
     4183.post-format-change span.icon.wp-format-audio {
    41664184        background: url(../images/post-formats.png) no-repeat -104px -8px;
    41674185}
    41684186
    4169 .post-format-change span.icon.video {
     4187.post-format-change span.icon.wp-format-video {
    41704188        background: url(../images/post-formats.png) no-repeat -136px -8px;
    41714189}
    41724190
    4173 .post-format-change span.icon.chat {
     4191.post-format-change span.icon.wp-format-chat {
    41744192        background: url(../images/post-formats.png) no-repeat -168px -8px;
    41754193}
    41764194
    4177 .post-format-change span.icon.status {
     4195.post-format-change span.icon.wp-format-status {
    41784196        background: url(../images/post-formats.png) no-repeat -200px -8px;
    41794197}
    41804198
    4181 .post-format-change span.icon.aside {
     4199.post-format-change span.icon.wp-format-aside {
    41824200        background: url(../images/post-formats.png) no-repeat -232px -8px;
    41834201}
    41844202
    4185 .post-format-change span.icon.quote {
     4203.post-format-change span.icon.wp-format-quote {
    41864204        background: url(../images/post-formats.png) no-repeat -264px -8px;
    41874205}
    41884206
    4189 .post-format-change span.icon.link {
     4207.post-format-change span.icon.wp-format-link {
    41904208        background: url(../images/post-formats.png) no-repeat -296px -8px;
    41914209}
    41924210
  • wp-admin/edit-form-advanced.php

    if ( post_type_supports( $post_type, 'post-formats' ) && apply_filters( 'enable_ 
    135135        wp_enqueue_script( 'wp-mediaelement' );
    136136        wp_enqueue_style( 'wp-mediaelement' );
    137137        $post_format = get_post_format();
    138         $post_format_set_class = 'post-format-set';
    139138
    140139        if ( ! $post_format ) {
    141140                $post_format = 'standard';
    142141
    143142                if ( ! empty( $_REQUEST['format'] ) && in_array( $_REQUEST['format'], get_post_format_slugs() ) )
    144143                        $post_format = $_REQUEST['format'];
    145                 elseif ( 'auto-draft' == $post->post_status )
    146                         $post_format_set_class = '';
    147144        }
    148145
    149146        $user_wants = get_user_option( 'post_formats_' . $post_type );
  • wp-admin/includes/post-formats.php

    wp_nonce_field( 'show-post-format-ui_' . $post_type, 'show_post_format_ui_nonce' 
    1010
    1111?>
    1212<div class="wp-post-format-ui<?php if ( ! $show_post_format_ui ) echo ' no-ui' ?>">
    13         <div class="post-format-change"><span class="icon <?php echo esc_attr( $post_format ); ?>"></span> <span class="post-format-description"><?php echo $all_post_formats[$post_format]['description']; ?></span> <a href="#"><?php _e('Change format'); ?></a></div>
     13        <div class="post-format-change"><span class="icon <?php echo esc_attr( 'wp-format-' . $post_format ); ?>"></span> <span class="post-format-description"><?php echo $all_post_formats[$post_format]['description']; ?></span></div>
    1414        <div class="post-formats-fields">
    1515
    1616                <input type="hidden" name="post_format" id="post_format" value="<?php echo esc_attr( $post_format ); ?>" />
    wp_nonce_field( 'show-post-format-ui_' . $post_type, 'show_post_format_ui_nonce' 
    144144                        </div>
    145145                </div>
    146146        </div>
    147 </div>
    148  No newline at end of file
     147</div>
  • wp-admin/js/post-formats.js

    window.wp = window.wp || {}; 
    44        var container, $container, mediaFrame, lastMimeType, mediaPreview, lastHeight = 360, content, insertMediaButton,
    55                initialFormat = 'standard',
    66                shortClass = 'short-format',
     7                noTitleFormats = ['status'],
     8                noMediaFormats = ['status', 'aside'],
    79                shortContentFormats = ['status', 'aside'],
    810                noUIFormats = ['standard', 'chat', 'status', 'aside', 'gallery'],
    911                $screenIcon = $( '.icon32' );
    1012
    1113
    1214        function switchFormatClass( format ) {
     15                $('#post_format').val(format);
    1316                container.get(0).className = container.get(0).className.replace( /\s?\bwp-format-[^ ]+/g, '' );
    1417                container.addClass('wp-format-' + format);
    1518                $screenIcon.get(0).className = $screenIcon.get(0).className.replace( /\s?\bwp-format-[^ ]+/g, '' );
    window.wp = window.wp || {}; 
    4548        }
    4649
    4750        function switchFormat($this) {
    48                 var editor, body,
     51                var editor, body, formatTo, formatFrom,
    4952                        parent = $this.parent(),
    5053                        format = $this.data('wp-format'),
    5154                        description = $('.post-format-description'),
    5255                        postTitle = $('#title');
    5356
     57                if ( format === postFormats.currentPostFormat )
     58                        return;
     59
    5460                if ( typeof container === 'undefined' )
    5561                        container = $('#post-body-content');
    5662
    57                 parent.slideUp().find('a.active').removeClass('active');
     63                parent.find('a.active').removeClass('active');
    5864                $this.addClass('active');
    59                 $('#post_format').val(format);
    60                 $('.post-format-change').show().find('span.icon').removeClass(postFormats.currentPostFormat).addClass(format);
    6165
    62                 if ( -1 < $.inArray( format, noUIFormats ) ) {
     66                // Animate the media button going away or coming back
     67                formatTo = -1 < $.inArray( format, noMediaFormats );
     68                formatFrom = -1 < $.inArray( postFormats.currentPostFormat, noMediaFormats );
     69                if ( formatFrom ? !formatTo : formatTo ) // XOR
     70                        insertMediaButton.fadeToggle( 200 ).css( 'display', 'inline-block' );
     71
     72                // Animate the title going away or coming back
     73                formatTo = -1 < $.inArray( format, noTitleFormats );
     74                formatFrom = -1 < $.inArray( postFormats.currentPostFormat, noTitleFormats );
     75                if ( formatFrom ? !formatTo : formatTo ) // XOR
     76                        $('#titlewrap').fadeToggle( 200 );
     77
     78                if ( -1 < $.inArray( format, noUIFormats ) && -1 < $.inArray( postFormats.currentPostFormat, noUIFormats ) ) {
    6379                        switchFormatClass( format ); // No slide
    64                         $container.hide();
     80                        $container.slideUp();
    6581                } else {
    66                         $container.slideUp( 200, function(){
     82                        $container.slideUp( 400, function(){
    6783                                switchFormatClass( format );
    68                                 $container.slideDown( 400 );
     84                                if ( -1 == $.inArray( format, noUIFormats ) )
     85                                        $container.slideDown( 400 );
    6986                        });
    7087                }
    7188
    window.wp = window.wp || {}; 
    7895
    7996                // Update description line
    8097                description.html($this.data('description'));
     98                var tinyIcon = $('.post-format-change').show().find('span.icon');
     99                tinyIcon.attr('class', tinyIcon.attr('class').replace(/\s?\bwp-format-[^ ]+/g, '' )).addClass( 'wp-format-' + format);
    81100
    82101                if (description.not(':visible'))
    83102                        description.slideDown('fast');
    window.wp = window.wp || {}; 
    119138                        });
    120139                });
    121140
    122                 $('.post-format-change a').click(function() {
    123                         $('.post-formats-fields, .post-format-change').slideUp();
    124                         $('.post-format-options').slideDown();
    125                         return false;
    126                 });
    127 
    128141                // Post formats selection
    129142                $('.post-format-options').on( 'click', 'a', function (e) {
    130143                        e.preventDefault();