WordPress.org
Get WordPress

Make WordPress Core

Ticket #24046: 24046.3.diff

File 24046.3.diff, 17.9 KB (added by markjaquith, 11 years ago)

  • wp-admin/css/wp-admin-rtl.css

    table.diff td, table.diff th { 
    971971  11.4 - Post format selection
    972972------------------------------------------------------------------------------*/
    973973
    974 .post-format-options a {
    975         border-left: 1px solid #ebebeb;
    976         border-right: none;
    977 }
    978 
    979 .post-format-options a:first-child {
    980         -webkit-border-bottom-left-radius: 0;
    981         -webkit-border-top-left-radius: 0;
    982         border-bottom-left-radius: 0;
    983         border-top-left-radius: 0;
    984 }
    985974
    986 .post-format-options a:last-child {
    987         -webkit-border-bottom-right-radius: 3px;
    988         -webkit-border-top-right-radius: 3px;
    989         border-bottom-right-radius: 3px;
    990         border-top-right-radius: 3px;
    991 }
    992 
    993 .post-format-tip {
    994         float: left;
    995 }
    996975
    997976/*------------------------------------------------------------------------------
    998977  12.0 - Categories

  • wp-admin/css/wp-admin.css

    ul.cat-checklist { 
    30243024
    30253025#titlediv {
    30263026        position: relative;
    3027         margin-bottom: 10px;
     3027        margin-bottom: 5px;
    30283028}
    30293029
    30303030#titlediv label {
    … … ul.cat-checklist { 
    30473047        height: 1.7em;
    30483048        width: 100%;
    30493049        outline: none;
     3050        margin: 1px 0;
    30503051}
    30513052
    30523053#titlediv #title-prompt-text,
    … … input#link_url { 
    30873088}
    30883089
    30893090#edit-slug-box {
    3090         line-height: 23px;
    3091         min-height: 23px;
     3091        line-height: 24px;
     3092        min-height: 25px; /* Yes, line-height + 1 */
    30923093        margin-top: 5px;
    3093         padding: 0 10px;
     3094        padding-right: 6px;
    30943095}
    30953096
    30963097#edit-slug-box .cancel {
    … … body .ui-tooltip { 
    39303931
    39313932.post-formats-fields {
    39323933        display: none;
     3934        margin-bottom: 15px;
    39333935}
    39343936
    39353937.wp-format-gallery .post-formats-fields,
    … … body .ui-tooltip { 
    40304032        min-height: 97px;
    40314033}
    40324034
    4033 #icon-edit.standard {
     4035#icon-edit.standard,
     4036.post-format-options .standard {
    40344037        background: url(../images/post-formats32.png) no-repeat -3px -4px;
    40354038}
    40364039
    4037 #icon-edit.image {
     4040#icon-edit.image,
     4041.post-format-options .image {
    40384042        background: url(../images/post-formats32.png) no-repeat  -43px -4px;
    40394043}
    40404044
    4041 #icon-edit.gallery {
     4045#icon-edit.gallery,
     4046.post-format-options .gallery {
    40424047        background: url(../images/post-formats32.png) no-repeat -83px -4px;
    40434048}
    40444049
    4045 #icon-edit.audio {
     4050#icon-edit.audio,
     4051.post-format-options .audio {
    40464052        background: url(../images/post-formats32.png) no-repeat -123px -4px;
    40474053}
    40484054
    4049 #icon-edit.video {
     4055#icon-edit.video,
     4056.post-format-options .video {
    40504057        background: url(../images/post-formats32.png) no-repeat -163px -4px;
    40514058}
    40524059
    4053 #icon-edit.chat {
     4060#icon-edit.chat,
     4061.post-format-options .chat {
    40544062        background: url(../images/post-formats32.png) no-repeat -202px -4px;
    40554063}
    40564064
    4057 #icon-edit.status {
     4065#icon-edit.status,
     4066.post-format-options .status {
    40584067        background: url(../images/post-formats32.png) no-repeat -242px -4px;
    40594068}
    40604069
    4061 #icon-edit.aside {
     4070#icon-edit.aside,
     4071.post-format-options .aside {
    40624072        background: url(../images/post-formats32.png) no-repeat -282px -4px;
    40634073}
    40644074
    4065 #icon-edit.quote {
     4075#icon-edit.quote,
     4076.post-format-options .quote {
    40664077        background: url(../images/post-formats32.png) no-repeat -322px -4px;
    40674078}
    40684079
    4069 #icon-edit.link {
     4080#icon-edit.link,
     4081.post-format-options .link {
    40704082        background: url(../images/post-formats32.png) no-repeat -362px -4px;
    40714083}
    40724084
    40734085.post-format-description {
    40744086        color: #666;
    4075         display: none;
    4076         margin: 10px 0;
     4087        font-size: 12px;
    40774088}
    40784089
    40794090.post-format-options {
    4080         height: 29px;
    4081         background: #f9f9f9;
    4082         border: 1px solid #dfdfdf;
    4083         -webkit-border-radius: 3px;
    4084         border-radius: 3px;
    4085         margin: 0 0 9px 1px;
     4091        height: 50px;
     4092        margin: 13px 0 10px;
    40864093        padding: 0;
    40874094}
    40884095
    40894096.post-format-options a {
    4090         border-right: 1px solid #ebebeb;
    40914097        display: inline-block;
    4092         height: 16px;
    4093         width: 16px;
    4094         padding: 6px;
     4098        height: 34px;
     4099        margin-right: 33px;
    40954100        position: relative;
    40964101        text-decoration: none;
     4102        text-align: center;
    40974103}
    40984104
    4099 .post-format-options a:first-child {
    4100         -webkit-border-bottom-left-radius: 3px;
    4101         -webkit-border-top-left-radius: 3px;
    4102         border-bottom-left-radius: 3px;
    4103         border-top-left-radius: 3px;
     4105.post-format-options a div {
     4106        height: 34px;
     4107        width: 34px;
     4108        margin: 0 auto;
    41044109}
    41054110
    4106 .post-format-options a.active,
    4107 .post-format-options a:focus,
    4108 .post-format-options a:hover {
    4109         background: #eee;
    4110         -webkit-box-shadow: inset 0 0 10px #ddd;
    4111         box-shadow: inset 0 0 10px #ddd;
    4112         outline: none;
    4113         opacity: 1;
     4111.post-format-title {
     4112        color: #777;
     4113        display: block;
     4114        margin-top: 4px;
    41144115}
    41154116
    4116 .post-format-options a div {
    4117         height: 16px;
    4118         width: 16px;
    4119         opacity: 0.4;
     4117.post-format-change, .post-format-set .post-format-options {
     4118        display: none;
    41204119}
    41214120
    4122 .post-format-options a.active div,
    4123 .post-format-options a:focus div,
    4124 .post-format-options a:hover div {
    4125         opacity: 1;
     4121.post-format-set .post-format-change {
     4122        display: block;
    41264123}
    41274124
    4128 .post-format-options .standard {
     4125#poststuff .post-format-change {
     4126        margin: 11px 0 13px;
     4127        padding: 0;
     4128        font-size: 1.5em;
     4129        line-height: 18px;
     4130        clear: left;
     4131}
     4132
     4133.post-format-change span.icon {
     4134        float: left;
     4135        height: 16px;
     4136        margin: 2px 5px 0 0;
     4137        width: 16px;
     4138}
     4139
     4140.post-format-change span.icon.standard {
    41294141        background: url(../images/post-formats.png) no-repeat -8px -8px;
    41304142}
    41314143
    4132 .post-format-options .image {
     4144.post-format-change span.icon.image {
    41334145        background: url(../images/post-formats.png) no-repeat -40px -8px;
    41344146}
    41354147
    4136 .post-format-options .gallery {
     4148.post-format-change span.icon.gallery {
    41374149        background: url(../images/post-formats.png) no-repeat -72px -8px;
    41384150}
    41394151
    4140 .post-format-options .audio {
     4152.post-format-change span.icon.audio {
    41414153        background: url(../images/post-formats.png) no-repeat -104px -8px;
    41424154}
    41434155
    4144 .post-format-options .video {
     4156.post-format-change span.icon.video {
    41454157        background: url(../images/post-formats.png) no-repeat -136px -8px;
    41464158}
    41474159
    4148 .post-format-options .chat {
     4160.post-format-change span.icon.chat {
    41494161        background: url(../images/post-formats.png) no-repeat -168px -8px;
    41504162}
    41514163
    4152 .post-format-options .status {
     4164.post-format-change span.icon.status {
    41534165        background: url(../images/post-formats.png) no-repeat -200px -8px;
    41544166}
    41554167
    4156 .post-format-options .aside {
     4168.post-format-change span.icon.aside {
    41574169        background: url(../images/post-formats.png) no-repeat -232px -8px;
    41584170}
    41594171
    4160 .post-format-options .quote {
     4172.post-format-change span.icon.quote {
    41614173        background: url(../images/post-formats.png) no-repeat -264px -8px;
    41624174}
    41634175
    4164 .post-format-options .link {
     4176.post-format-change span.icon.link {
    41654177        background: url(../images/post-formats.png) no-repeat -296px -8px;
    41664178}
    41674179
    4168 .post-format-tip {
    4169         color: #999;
    4170         font-size: 14px;
    4171         float: right;
    4172         padding: 6px 10px;
    4173         text-transform: capitalize;
     4180.post-format-change a {
     4181        font-size: 12px;
     4182}
     4183
     4184@media only screen and (max-width: 782px) {
     4185        .post-format-options {
     4186                height: 33px;
     4187        }
     4188       
     4189        .post-format-options a {
     4190                margin-right: 19px;
     4191        }
     4192       
     4193        .post-format-options a div {
     4194                height: 18px;
     4195                width: 16px;
     4196        }
     4197       
     4198        .post-format-options .standard {
     4199                background: url(../images/post-formats.png) no-repeat -8px -8px;
     4200        }
     4201       
     4202        .post-format-options .image {
     4203                background: url(../images/post-formats.png) no-repeat -40px -8px;
     4204        }
     4205       
     4206        .post-format-options .gallery {
     4207                background: url(../images/post-formats.png) no-repeat -72px -8px;
     4208        }
     4209       
     4210        .post-format-options .audio {
     4211                background: url(../images/post-formats.png) no-repeat -104px -8px;
     4212        }
     4213       
     4214        .post-format-options .video {
     4215                background: url(../images/post-formats.png) no-repeat -136px -8px;
     4216        }
     4217       
     4218        .post-format-options .chat {
     4219                background: url(../images/post-formats.png) no-repeat -168px -8px;
     4220        }
     4221       
     4222        .post-format-options .status {
     4223                background: url(../images/post-formats.png) no-repeat -200px -8px;
     4224        }
     4225       
     4226        .post-format-options .aside {
     4227                background: url(../images/post-formats.png) no-repeat -232px -8px;
     4228        }
     4229       
     4230        .post-format-options .quote {
     4231                background: url(../images/post-formats.png) no-repeat -264px -8px;
     4232        }
     4233       
     4234        .post-format-options .link {
     4235                background: url(../images/post-formats.png) no-repeat -296px -8px;
     4236        }
    41744237}
    41754238
    41764239/*------------------------------------------------------------------------------

  • wp-admin/edit-form-advanced.php

    if ( post_type_supports( $post_type, 'post-formats' ) && apply_filters( 'show_po 
    133133        wp_enqueue_script( 'wp-mediaelement' );
    134134        wp_enqueue_style( 'wp-mediaelement' );
    135135        $post_format = get_post_format();
     136        $post_format_set_class = 'post-format-set';
    136137
    137         if ( ! $post_format )
     138        if ( ! $post_format ) {
    138139                $post_format = 'standard';
     140                if ( 'auto-draft' == $post->post_status )
     141                        $post_format_set_class = '';
     142        }
    139143
    140144        $format_class = " class='wp-format-{$post_format}'";
    141145
    142146
    143147        $all_post_formats = array(
    144148                'standard' => array (
    145                         'description' => __( 'Add a title and use the editor to compose your post.' )
     149                        'description' => __( 'Use the editor below to compose your post.' )
    146150                ),
    147151                'image' => array (
    148                         'description' => __( 'Select or upload an image to use for your post.' )
     152                        'description' => __( 'Select or upload an image for your post.' )
    149153                ),
    150154                'gallery' => array (
    151155                        'description' => __( 'Use the Add Media button to select or upload images for your gallery.' )
    … … if ( post_type_supports( $post_type, 'post-formats' ) && apply_filters( 'show_po 
    166170                        'description' => __( 'Use the editor to compose a status update. What’s new?' )
    167171                ),
    168172                'quote' => array (
    169                         'description' => __( 'Copy a quotation into the box. Also add the source and URL if you have them.' )
     173                        'description' => __( 'Copy a quotation into the box below. Add a source and URL if you have them.' )
    170174                ),
    171175                'aside' => array (
    172                         'description' => __( 'An aside is a quick thought or side topic. Use the editor to compose one.' )
     176                        'description' => __( 'Use the editor to share a quick thought or side topic.' )
    173177                )
    174178        );
    175179        $post_format_options = '';
    … … if ( post_type_supports( $post_type, 'post-formats' ) && apply_filters( 'show_po 
    181185                        $active_post_type_slug = $slug;
    182186                }
    183187
    184                 $post_format_options .= '<a ' . $class . ' href="?format=' . $slug . '" data-description="' . $attr['description'] . '" data-wp-format="' . $slug . '" title="' . ucfirst( sprintf( __( '%s Post' ), $slug ) ) . '"><div class="' . $slug . '"></div></a>';
     188                $post_format_options .= '<a ' . $class . ' href="?format=' . $slug . '" data-description="' . $attr['description'] . '" data-wp-format="' . $slug . '" title="' . ucfirst( $slug ) . '"><div class="' . $slug . '"></div><span class="post-format-title">' . ucfirst( $slug ) . '</span></a>';
    185189        }
    186190
    187191        $current_post_format = array( 'currentPostFormat' => esc_html( $active_post_type_slug ) );
    … … if ( 'post' == $post_type ) { 
    358362require_once('./admin-header.php');
    359363?>
    360364
    361 <div class="wrap">
     365<div class="wrap <?php echo $post_format_set_class; ?>">
    362366<?php screen_icon(); ?>
    363367<h2><?php
    364368echo esc_html( $title );
    … … if ( isset( $post_new_file ) && current_user_can( $post_type_object->cap->create 
    374378<div id="lost-connection-notice" class="error hidden">
    375379        <p><?php _e("You have lost your connection with the server, and saving has been disabled. This message will vanish once you've reconnected."); ?></p>
    376380</div>
     381<?php if ( ! empty( $post_format_options ) ) : ?>
     382<div class="post-format-options">
     383        <?php echo $post_format_options; ?>
     384</div>
     385<?php endif; ?>
    377386<form name="post" action="post.php" method="post" id="post"<?php do_action('post_edit_form_tag'); ?>>
    378387<?php wp_nonce_field($nonce_action); ?>
    379388<input type="hidden" id="user-id" name="user_ID" value="<?php echo (int) $user_ID ?>" />
    … … wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false ); 
    400409<div id="poststuff">
    401410<div id="post-body" class="metabox-holder columns-<?php echo 1 == get_current_screen()->get_columns() ? '1' : '2'; ?>">
    402411<div id="post-body-content"<?php echo $format_class; ?>>
    403 
    404 <?php if ( ! empty( $post_format_options ) ) : ?>
    405 <div class="post-format-options">
    406         <span class="post-format-tip">Standard Post</span>
    407         <?php echo $post_format_options; ?>
    408 </div>
    409 <?php endif; ?>
    410 
    411412<?php if ( post_type_supports($post_type, 'title') ) { ?>
    412413<div id="titlediv">
    413414<div id="titlewrap">
    … … if ( !empty($shortlink) ) 
    424425if ( $post_type_object->public && ! ( 'pending' == get_post_status( $post ) && !current_user_can( $post_type_object->cap->publish_posts ) ) ) {
    425426        $has_sample_permalink = $sample_permalink_html && 'auto-draft' != $post->post_status;
    426427?>
    427         <div id="edit-slug-box" class="hide-if-no-js<?php if ( ! $has_sample_permalink ) echo ' hidden' ?>">
     428        <div id="edit-slug-box" class="hide-if-no-js">
    428429        <?php
    429430                if ( $has_sample_permalink )
    430431                        echo $sample_permalink_html;

  • wp-admin/includes/post-formats.php

     
    11<?php
    22global $wp_embed;
     3
    34$format_meta = get_post_format_meta( $post_ID );
    45
    56?>
    6 <div class="post-format-description"></div>
     7<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>
    78<div class="post-formats-fields">
    89
    910        <input type="hidden" name="post_format" id="post_format" value="<?php echo esc_attr( $post_format ); ?>" />

  • wp-admin/js/post-formats.js

     
    11window.wp = window.wp || {};
    22
    33(function($) {
    4         var container, mediaFrame, lastMimeType, lastMenu, mediaPreview, noUIFormats = ['standard', 'chat', 'status', 'aside', 'gallery'];
     4        var container, mediaFrame, lastMimeType, lastMenu, mediaPreview,
     5                noUIFormats = ['standard', 'chat', 'status', 'aside', 'gallery'],
     6                $container = $( '.post-formats-fields' );
    57
    68        function switchFormatClass( format ) {
    7                 container.get(0).className = container.get(0).className.replace( /\bwp-format-[^ ]+/, '' );
     9                container.get(0).className = container.get(0).className.replace( /\bwp-format-[^ ]+/g, '' );
    810                container.addClass('wp-format-' + format);
    911        }
    10 
    11         $(function(){
    12                 var $container = $( '.post-formats-fields' );
    13 
    14                 // Post formats selection
    15                 $('.post-format-options').on( 'click', 'a', function(e){
    16                         e.preventDefault();
    17                         var $this = $(this), editor, body,
    18                                 parent = $this.parent(),
    19                                 format = $this.data('wp-format'),
    20                                 description = $('.post-format-description');
     12       
     13        function switchFormat ($this) {
     14                var editor, body,
     15                        parent = $this.parent(),
     16                        format = $this.data('wp-format'),
     17                        description = $('.post-format-description'),
     18                        postTitle = $('#title');
    2119
    2220                if ( typeof container === 'undefined' )
    2321                        container = $('#post-body-content');
    24 
    25                         // Already on this post format. Bail.
    26                         if ( format === postFormats.currentPostFormat )
    27                                 return;
    28 
    29                         parent.find('a.active').removeClass('active');
    30                         $this.addClass('active');
    31                         $('#icon-edit').removeClass(postFormats.currentPostFormat).addClass(format);
    32                         $('#post_format').val(format);
    33 
    34                         if ( -1 < $.inArray( format, noUIFormats ) && -1 < $.inArray( postFormats.currentPostFormat, noUIFormats ) ) {
    35                                 switchFormatClass( format ); // No slide
    36                         } else {
    37                                 $container.slideUp( 200, function(){
    38                                         switchFormatClass( format );
    39                                         $container.slideDown( 400 );
    40                                 });
    41                         }
    42 
    43                         $('#title').focus();
    44 
    45                         // Update description line
    46                         description.html($this.data('description'));
    47 
    48                         if (description.not(':visible'))
    49                                 description.slideDown('fast');
    50 
    51                         if ( typeof tinymce != 'undefined' ) {
    52                                 editor = tinymce.get('content');
    53 
    54                                 if ( editor ) {
    55                                         body = editor.getBody();
    56                                         body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
    57                                         editor.dom.addClass( body, 'post-format-' + format );
    58                                 }
     22       
     23                parent.slideUp().find('a.active').removeClass('active');
     24                $this.addClass('active');
     25                $('#post_format').val(format);
     26                $('.post-format-change').show().find('span.icon').removeClass(postFormats.currentPostFormat).addClass(format);
     27                // container.addClass('wp-format-set');
     28       
     29                if ( -1 < $.inArray( format, noUIFormats ) ) {
     30                        switchFormatClass( format ); // No slide
     31                        $container.hide();
     32                } else {
     33                        $container.slideUp( 200, function(){
     34                                switchFormatClass( format );
     35                                $container.slideDown( 400 );
     36                        });
     37                }
     38       
     39                postTitle.focus();
     40               
     41                if ( '' === postTitle.val() )
     42                        $('#title-prompt-text').removeClass('screen-reader-text');
     43       
     44                // Update description line
     45                description.html($this.data('description'));
     46       
     47                if (description.not(':visible'))
     48                        description.slideDown('fast');
     49       
     50                if ( typeof tinymce != 'undefined' ) {
     51                        editor = tinymce.get('content');
     52       
     53                        if ( editor ) {
     54                                body = editor.getBody();
     55                                body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
     56                                editor.dom.addClass( body, 'post-format-' + format );
    5957                        }
     58                }
     59       
     60                postFormats.currentPostFormat = format;
     61        }
    6062
    61                         postFormats.currentPostFormat = format;
    62                 }).on('mouseenter focusin', 'a', function () {
    63                         $('.post-format-tip').html( $(this).prop('title') );
    64                 }).on('mouseleave focusout', 'a', function () {
    65                         $('.post-format-tip').html( $('.post-format-options a.active').prop('title') );
     63        $(function(){
     64               
     65                $('.post-format-change a').click(function () {
     66                        $('.post-formats-fields, .post-format-change').slideUp();
     67                        $('.post-format-options').slideDown();
     68                        return false;
     69                });
     70               
     71                // Post formats selection
     72                $('.post-format-options').on( 'click', 'a', function(e){
     73                        e.preventDefault();
     74                        switchFormat($(this));
    6675                });
    6776
    6877                // Media selection
    6978                $('.wp-format-media-select').click(function (event) {
    7079                        event.preventDefault();
    71                         var $el = $(this), $holder, $field, mime = 'image', menu = '',
     80                        var $el = $(this), mime = 'image', menu = '',
    7281                            $holder = $el.closest('.wp-format-media-holder'),
    7382                            $field = $( '#wp_format_' + $holder.data('format') );
    7483