WordPress.org

Make WordPress Core

Ticket #24046: 24046.10.diff

File 24046.10.diff, 9.9 KB (added by wonderboymusic, 12 months ago)
  • wp-admin/css/colors-classic.css

    diff --git wp-admin/css/colors-classic.css wp-admin/css/colors-classic.css
    index 74a1060..c8963fc 100644
    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

    diff --git wp-admin/css/colors-fresh.css wp-admin/css/colors-fresh.css
    index 5aa5fa8..1941f51 100644
    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

    diff --git wp-admin/css/wp-admin.css wp-admin/css/wp-admin.css
    index 1b07b3e..883e7d0 100644
    body .ui-tooltip { 
    40004000} 
    40014001 
    40024002.wp-format-status #titlewrap, 
     4003.wp-format-image .wp-media-buttons .insert-media, 
     4004.wp-format-audio .wp-media-buttons .insert-media, 
     4005.wp-format-video .wp-media-buttons .insert-media, 
    40034006.wp-format-aside .wp-media-buttons .insert-media, 
    40044007.wp-format-status .wp-media-buttons .insert-media { 
    40054008        display: none; 
    body .ui-tooltip { 
    41014104} 
    41024105 
    41034106.post-format-options { 
    4104         height: 50px; 
     4107        border-width: 1px; 
     4108        border-style: solid; 
     4109        -webkit-border-radius: 3px; 
     4110        border-radius: 3px; 
     4111        border-color: #CCC; 
    41054112        margin: 13px 0 10px; 
    4106         padding: 0; 
     4113        padding: 5px; 
    41074114} 
    41084115 
    41094116.post-format-options a { 
    41104117        display: inline-block; 
    4111         height: 34px; 
    4112         margin-right: 33px; 
     4118        min-width: 62px; 
     4119        padding:5px; 
     4120        border:1px solid transparent; 
     4121        margin-right: 10px; 
    41134122        position: relative; 
    41144123        text-decoration: none; 
    41154124        text-align: center; 
     4125        transition: opacity 0.1s linear; 
     4126        opacity: 0.6; 
     4127} 
     4128 
     4129.post-format-options:hover a { 
     4130        opacity: 1.0; 
     4131} 
     4132.post-format-options a:hover, 
     4133.post-format-options a.active { 
     4134        opacity: 1.0; 
     4135        background-color: #fff; 
     4136        border-color: #ccc; 
    41164137} 
    41174138 
    41184139.post-format-options a div { 
    body .ui-tooltip { 
    41274148        margin-top: 4px; 
    41284149} 
    41294150 
    4130 .post-format-change, .post-format-set .post-format-options { 
     4151.post-format-set .post-format-options { 
    41314152        display: none; 
    41324153} 
    41334154 
    body .ui-tooltip { 
    41504171        width: 16px; 
    41514172} 
    41524173 
    4153 .post-format-change span.icon.standard { 
     4174.post-format-change span.icon.wp-format-standard { 
    41544175        background: url(../images/post-formats.png) no-repeat -8px -8px; 
    41554176} 
    41564177 
    4157 .post-format-change span.icon.image { 
     4178.post-format-change span.icon.wp-format-image { 
    41584179        background: url(../images/post-formats.png) no-repeat -40px -8px; 
    41594180} 
    41604181 
    4161 .post-format-change span.icon.gallery { 
     4182.post-format-change span.icon.wp-format-gallery { 
    41624183        background: url(../images/post-formats.png) no-repeat -72px -8px; 
    41634184} 
    41644185 
    4165 .post-format-change span.icon.audio { 
     4186.post-format-change span.icon.wp-format-audio { 
    41664187        background: url(../images/post-formats.png) no-repeat -104px -8px; 
    41674188} 
    41684189 
    4169 .post-format-change span.icon.video { 
     4190.post-format-change span.icon.wp-format-video { 
    41704191        background: url(../images/post-formats.png) no-repeat -136px -8px; 
    41714192} 
    41724193 
    4173 .post-format-change span.icon.chat { 
     4194.post-format-change span.icon.wp-format-chat { 
    41744195        background: url(../images/post-formats.png) no-repeat -168px -8px; 
    41754196} 
    41764197 
    4177 .post-format-change span.icon.status { 
     4198.post-format-change span.icon.wp-format-status { 
    41784199        background: url(../images/post-formats.png) no-repeat -200px -8px; 
    41794200} 
    41804201 
    4181 .post-format-change span.icon.aside { 
     4202.post-format-change span.icon.wp-format-aside { 
    41824203        background: url(../images/post-formats.png) no-repeat -232px -8px; 
    41834204} 
    41844205 
    4185 .post-format-change span.icon.quote { 
     4206.post-format-change span.icon.wp-format-quote { 
    41864207        background: url(../images/post-formats.png) no-repeat -264px -8px; 
    41874208} 
    41884209 
    4189 .post-format-change span.icon.link { 
     4210.post-format-change span.icon.wp-format-link { 
    41904211        background: url(../images/post-formats.png) no-repeat -296px -8px; 
    41914212} 
    41924213 
  • wp-admin/edit-form-advanced.php

    diff --git wp-admin/edit-form-advanced.php wp-admin/edit-form-advanced.php
    index d92e8c4..454e1da 100644
    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_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false ); 
    424421<div id="poststuff"> 
    425422<div id="post-body" class="metabox-holder columns-<?php echo 1 == get_current_screen()->get_columns() ? '1' : '2'; ?>"> 
    426423<div id="post-body-content"<?php echo $format_class; ?>> 
     424<div class="wp-post-format-ui<?php if ( ! $show_post_format_ui ) echo ' no-ui' ?>"> 
     425        <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> 
     426</div> 
    427427<?php if ( post_type_supports($post_type, 'title') ) { ?> 
    428428<div id="titlediv"> 
    429429<div id="titlewrap"> 
  • wp-admin/includes/post-formats.php

    diff --git wp-admin/includes/post-formats.php wp-admin/includes/post-formats.php
    index 9571e55..e06d09c 100644
    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> 
    1413        <div class="post-formats-fields"> 
    1514 
    1615                <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' 
    144143                        </div> 
    145144                </div> 
    146145        </div> 
    147 </div> 
    148  No newline at end of file 
     146</div> 
  • wp-admin/js/post-formats.js

    diff --git wp-admin/js/post-formats.js wp-admin/js/post-formats.js
    index 9344df0..c83bc66 100644
    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', 'image', 'audio', 'video'], 
    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();