WordPress.org

Make WordPress Core

Ticket #35483: 35483.2.patch

File 35483.2.patch, 13.4 KB (added by afercia, 4 years ago)

  • src/wp-admin/css/common.css

     
    761761/* @todo can we combine these into a class or use an existing dashicon one? */
    762762.welcome-panel .welcome-panel-close:before,
    763763.tagchecklist span a:before,
    764 #bulk-titles div a:before,
     764#bulk-titles .ntdelbutton:before,
    765765.notice-dismiss:before {
    766766        background: none;
    767767        color: #b4b9be;
    … …  
    780780        margin: 0;
    781781}
    782782
    783 .tagchecklist span a:before,
    784 #bulk-titles div a:before {
     783.tagchecklist span a:before {
    785784        margin: 1px 0;
    786785}
    787786
    … …  
    788787.welcome-panel .welcome-panel-close:hover:before,
    789788.welcome-panel .welcome-panel-close:focus:before,
    790789.tagchecklist span a:hover:before,
    791 #bulk-titles div a:hover:before {
     790#bulk-titles .ntdelbutton:hover:before,
     791#bulk-titles .ntdelbutton:focus:before {
    792792        color: #c00;
    793793}
    794794

  • src/wp-admin/css/list-tables.css

     
    919919/*      Layout */
    920920
    921921#wpbody-content .inline-edit-row fieldset {
    922         font-size: 12px;
    923922        float: left;
     923        width: 100%;
    924924        margin: 0;
    925         padding: 0;
    926         width: 100%;
     925        padding: 0 12px 0 0;
     926        -webkit-box-sizing: border-box;
     927        -moz-box-sizing: border-box;
     928        box-sizing: border-box;
    927929}
    928930
    929 tr.inline-edit-row td,
    930 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
    931         padding: 0 0.5em;
     931#wpbody-content #bulk-edit td fieldset:last-of-type {
     932        padding-right: 0;
    932933}
    933934
     935tr.inline-edit-row td {
     936        padding: 0 12px;
     937}
     938
    934939#wpbody-content .quick-edit-row-post .inline-edit-col-left {
    935940        width: 40%;
    936941}
    … …  
    949954
    950955#wpbody-content .quick-edit-row-page .inline-edit-col-right,
    951956#wpbody-content .bulk-edit-row-post .inline-edit-col-right {
    952         width: 49%;
     957        width: 50%;
    953958}
    954959
    955960#wpbody-content .bulk-edit-row .inline-edit-col-left {
    … …  
    984989
    985990.inline-edit-row p.submit {
    986991        clear: both;
    987         padding: 0.5em;
    988         margin: 0.5em 0 0;
     992        margin: 0;
     993        padding: 0.5em 0 1em;
    989994}
    990995
    991996.inline-edit-row span.error {
    … …  
    9991004/* Needs higher specificity for the padding */
    10001005#the-list .inline-edit-row .inline-edit-legend {
    10011006        margin: 0;
    1002         padding: 0.2em 0.5em 0;
     1007        padding: 0.2em 0;
    10031008        line-height: 2.5;
    10041009        font-weight: 600;
    10051010}
    10061011
    1007 #the-list #bulk-edit.inline-edit-row .inline-edit-legend {
    1008         padding: 0.2em 0.5em;
    1009 }
    1010 
    10111012.inline-edit-row fieldset span.title,
    10121013.inline-edit-row fieldset span.checkbox-title {
    10131014        margin: 0;
    … …  
    11271128        width: 8em;
    11281129}
    11291130
    1130 ul.cat-checklist {
    1131         height: 12em;
    1132         border: solid 1px #ddd;
    1133         overflow-y: scroll;
    1134         padding: 0 5px;
    1135         margin: 0;
    1136         background-color: #fff;
    1137 }
    1138 
    1139 #bulk-titles {
    1140         display: block;
    1141         height: 12em;
    1142         border: 1px solid #ddd;
    1143         overflow-y: scroll;
    1144         padding: 0 5px;
    1145         margin: 0 0 5px;
    1146 }
    1147 
     1131#bulk-titles-list,
     1132#bulk-titles-list li,
    11481133.inline-edit-row fieldset ul.cat-checklist li,
    11491134.inline-edit-row fieldset ul.cat-checklist input {
    11501135        margin: 0;
    1151         position: relative; /* RTL fix, #WP27629 */
     1136        position: relative; /* RTL fix, #WP27629. Couldn't reproduce any more in Chrome 47 */
    11521137}
    11531138
    1154 .inline-edit-row fieldset ul.cat-checklist label,
    1155 .inline-edit-row #bulk-titles div {
    1156         font-style: normal;
    1157         font-size: 11px;
     1139.inline-edit-row fieldset ul.cat-checklist input {
     1140        margin-top: -1px;
     1141        margin-left: 3px;
    11581142}
    11591143
    11601144.inline-edit-row fieldset label input.inline-edit-menu-order-input {
    … …  
    11791163        float: left;
    11801164}
    11811165
    1182 #bulk-titles {
    1183         line-height: 140%;
     1166/* common bulk edit styles */
     1167
     1168#bulk-titles,
     1169ul.cat-checklist {
     1170        height: 14em;
     1171        border: 1px solid #ddd;
     1172        margin: 0 0 5px;
     1173        padding: 0.2em 5px;
     1174        overflow-y: scroll;
    11841175}
    1185 #bulk-titles div {
    1186         margin: 0.2em 0.3em;
     1176
     1177/* end common bulk edit styles */
     1178
     1179#bulk-titles .ntdelbutton,
     1180#bulk-titles .ntdeltitle,
     1181.inline-edit-row fieldset ul.cat-checklist label {
     1182        display: inline-block;
     1183        margin: 0;
     1184        padding: 3px 0;
     1185    line-height: 20px;
     1186        vertical-align: top;
    11871187}
    11881188
    1189 #bulk-titles div a {
    1190         cursor: pointer;
    1191         display: block;
    1192         float: left;
    1193         height: 18px;
    1194         margin: 0 3px 0 -2px;
     1189#bulk-titles .ntdelitem {
     1190        padding-left: 23px;
     1191}
     1192
     1193#bulk-titles .ntdelbutton {
     1194        width: 26px;
     1195        height: 26px;
     1196        margin: 0 0 0 -26px;
    11951197        overflow: hidden;
    1196         position: relative;
    1197         width: 20px;
    11981198}
    11991199
    1200 #bulk-titles div a:before {
    1201         position: relative;
    1202         top: -3px;
     1200#bulk-titles .ntdelbutton:before {
     1201        display: inline-block;
     1202        vertical-align: top;
    12031203}
    12041204
    12051205/*------------------------------------------------------------------------------
    … …  
    19791979        #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
    19801980                float: none;
    19811981                width: 100%;
     1982                padding: 0;
    19821983        }
    19831984
     1985        #the-list .inline-edit-row .inline-edit-legend,
     1986        .inline-edit-row span.title {
     1987                font-size: 16px;
     1988                background: lightblue;
     1989        }
     1990
     1991        .inline-edit-row p.howto {
     1992                font-size: 14px;
     1993        }
     1994
     1995        #wpbody-content .inline-edit-row-page .inline-edit-col-right {
     1996                margin-top: 0;
     1997        }
     1998
    19841999        #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
    19852000        #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
    19862001        #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
    … …  
    19992014                box-sizing: border-box;
    20002015        }
    20012016
    2002         .inline-edit-row fieldset ul.cat-checklist label,
    2003         .inline-edit-row #bulk-titles div {
     2017        #bulk-titles .ntdelbutton,
     2018        #bulk-titles .ntdeltitle,
     2019        .inline-edit-row fieldset ul.cat-checklist label {
     2020                padding: 6px 0;
    20042021                font-size: 16px;
     2022                line-height: 28px;
    20052023        }
    20062024
     2025        #bulk-titles .ntdelitem {
     2026                padding-left: 37px;
     2027        }
     2028
     2029        #bulk-titles .ntdelbutton {
     2030                width: 40px;
     2031                height: 40px;
     2032                margin: 0 0 0 -40px;
     2033                overflow: hidden;
     2034        }
     2035
     2036        #bulk-titles .ntdelbutton:before {
     2037                font-size: 20px;
     2038                line-height: 28px;
     2039        }
     2040
    20072041        .inline-edit-row fieldset label span.title,
    20082042        .inline-edit-row fieldset.inline-edit-date legend {
    20092043                float: none;
    20102044        }
    20112045
    2012         .inline-edit-row fieldset label.inline-edit-tags {
    2013                 padding: 0 0.5em;
    2014         }
    2015 
    20162046        .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
    20172047                padding: 0;
    20182048        }
    … …  
    20522082                display: block;
    20532083        }
    20542084
    2055         #bulk-titles div {
    2056                 margin: 0.8em 0.3em;
    2057         }
    2058 
    2059         #bulk-titles div a {
    2060                 height: 22px;
    2061         }
    2062 
    20632085        /* Updates */
    20642086        #wpbody-content #update-themes-table .plugin-title {
    20652087                width: auto;

  • src/wp-admin/includes/class-wp-list-table.php

     
    471471
    472472                echo "</select>\n";
    473473
    474                 submit_button( __( 'Apply' ), 'action', '', false, array( 'id' => "doaction$two" ) );
     474                submit_button( __( 'Apply' ), 'action', '', false, array( 'id' => "doaction$two", 'aria-label' => __( 'Apply bulk action' ) ) );
    475475                echo "\n";
    476476        }
    477477

  • src/wp-admin/includes/class-wp-posts-list-table.php

     
    13361336                $bulk = 0;
    13371337                while ( $bulk < 2 ) { ?>
    13381338
    1339                 <tr id="<?php echo $bulk ? 'bulk-edit' : 'inline-edit'; ?>" class="inline-edit-row inline-edit-row-<?php echo "$hclass inline-edit-" . $screen->post_type;
     1339                <tr id="<?php echo $bulk ? 'bulk-edit' : 'inline-edit'; ?>" role="form" aria-labelledby="inline-edit-legend" class="inline-edit-row inline-edit-row-<?php echo "$hclass inline-edit-" . $screen->post_type;
    13401340                        echo $bulk ? " bulk-edit-row bulk-edit-row-$hclass bulk-edit-{$screen->post_type}" : " quick-edit-row quick-edit-row-$hclass inline-edit-{$screen->post_type}";
    13411341                ?>" style="display: none"><td colspan="<?php echo $this->get_column_count(); ?>" class="colspanchange">
    13421342
    13431343                <fieldset class="inline-edit-col-left">
    1344                         <legend class="inline-edit-legend"><?php echo $bulk ? __( 'Bulk Edit' ) : __( 'Quick Edit' ); ?></legend>
     1344                        <legend class="inline-edit-legend" id="inline-edit-legend"><?php echo $bulk ? __( 'Bulk Edit' ) : __( 'Quick Edit' ); ?></legend>
    13451345                        <div class="inline-edit-col">
    13461346        <?php
    13471347
    … …  
    15241524
    15251525        <?php foreach ( $flat_taxonomies as $taxonomy ) : ?>
    15261526                <?php if ( current_user_can( $taxonomy->cap->assign_terms ) ) : ?>
     1527                        <div class="inline-edit-tags-wrap">
    15271528                        <label class="inline-edit-tags">
    15281529                                <span class="title"><?php echo esc_html( $taxonomy->labels->name ) ?></span>
    1529                                 <textarea cols="22" rows="1" name="tax_input[<?php echo esc_attr( $taxonomy->name )?>]" class="tax_input_<?php echo esc_attr( $taxonomy->name )?>"></textarea>
     1530                                <textarea cols="22" rows="1" name="tax_input[<?php echo esc_attr( $taxonomy->name )?>]" class="tax_input_<?php echo esc_attr( $taxonomy->name )?>" aria-describedby="inline-edit-<?php echo esc_attr( $taxonomy->name )?>-desc"></textarea>
    15301531                        </label>
     1532                        <p class="howto" id="inline-edit-<?php echo esc_attr( $taxonomy->name ); ?>-desc"><?php echo esc_html( $taxonomy->labels->separate_items_with_commas ); ?></p>
     1533                        </div>
    15311534                <?php endif; ?>
    15321535
    15331536        <?php endforeach; //$flat_taxonomies as $taxonomy ?>
    … …  
    16861689                }
    16871690        ?>
    16881691                <p class="submit inline-edit-save">
    1689                         <button type="button" class="button-secondary cancel alignleft"><?php _e( 'Cancel' ); ?></button>
     1692                        <button type="button" class="button cancel alignleft"><?php _e( 'Cancel' ); ?></button>
    16901693                        <?php if ( ! $bulk ) {
    16911694                                wp_nonce_field( 'inlineeditnonce', '_inline_edit', false );
    16921695                                ?>

  • src/wp-admin/js/inline-edit-post.js

     
    5757                $('#bulk-edit').find('fieldset:first').after(
    5858                        $('#inline-edit fieldset.inline-edit-categories').clone()
    5959                ).siblings( 'fieldset:last' ).prepend(
    60                         $('#inline-edit label.inline-edit-tags').clone()
     60                        $( '#inline-edit .inline-edit-tags-wrap' ).clone()
    6161                );
    6262
    6363                $('select[name="_status"] option[value="future"]', bulkRow).remove();
    … …  
    9494                $( 'tbody th.check-column input[type="checkbox"]' ).each( function() {
    9595                        if ( $(this).prop('checked') ) {
    9696                                c = false;
    97                                 var id = $(this).val(), theTitle;
    98                                 theTitle = $('#inline_'+id+' .post_title').html() || inlineEditL10n.notitle;
    99                                 te += '<div id="ttle'+id+'"><a id="_'+id+'" class="ntdelbutton" title="'+inlineEditL10n.ntdeltitle+'">X</a>'+theTitle+'</div>';
     97                                var id = $( this ).val(),
     98                                        theTitle = $( '#inline_' + id + ' .post_title' ).html() || inlineEditL10n.notitle,
     99                                        ariaLabel = inlineEditL10n.ariaLabel.replace( '%s', theTitle.replace( /<.[^<>]*?>/g, '' ) );
     100
     101                                te += '<li class="ntdelitem"><button type="button" id="_' + id + '" class="button-link ntdelbutton" aria-label="' + ariaLabel + '">' + inlineEditL10n.remove + '</button><span class="ntdeltitle" aria-hidden="true">' + theTitle + '</span></li>';
    100102                        }
    101103                });
    102104
    … …  
    104106                        return this.revert();
    105107                }
    106108
    107                 $('#bulk-titles').html(te);
    108                 $('#bulk-titles a').click(function(){
    109                         var id = $(this).attr('id').substr(1);
     109                // Populate the list of items to bulk edit.
     110                $( '#bulk-titles' ).html( '<ul id="bulk-titles-list">' + te + '</ul>' );
    110111
     112                // Handle the list of items to bulk edit.
     113                $( '#bulk-titles .ntdelbutton' ).click( function() {
     114                        var $this = $( this ),
     115                                id = $this.attr( 'id' ).substr( 1 ),
     116                                $prev = $this.parent().prev().children( '.ntdelbutton' ),
     117                                $next = $this.parent().next().children( '.ntdelbutton' );
     118
    111119                        $('table.widefat input[value="' + id + '"]').prop('checked', false);
    112                         $('#ttle'+id).remove();
     120                        $( '#_' + id ).parent().remove();
     121                        wp.a11y.speak( inlineEditL10n.removed );
     122
     123                        // Move focus to a proper place when items are removed.
     124                        if ( $prev.length ) {
     125                                $prev.focus();
     126                        } else if ( $next.length ) {
     127                                $next.focus();
     128                        } else {
     129                                // $( '.inline-edit-save .cancel' ).focus();
     130                                $( '#bulk-titles-list' ).remove();
     131                                inlineEditPost.revert();
     132                                wp.a11y.speak( inlineEditL10n.allRemoved );
     133                        }
    113134                });
    114135
    115136                // enable autocomplete for tags
    … …  
    119140                        $('tr.inline-editor textarea[name="tax_input['+tax+']"]').suggest( ajaxurl + '?action=ajax-tag-search&tax=' + tax, { delay: 500, minchars: 2, multiple: true, multipleSep: inlineEditL10n.comma } );
    120141                }
    121142                $('html, body').animate( { scrollTop: 0 }, 'fast' );
     143                // Set initial focus on the first input, textarea, select or button element.
     144                $( '#bulk-edit :input' ).first().focus();
    122145        },
    123146
    124147        edit : function(id) {

  • src/wp-includes/script-loader.php

     
    563563                $scripts->add( 'inline-edit-post', "/wp-admin/js/inline-edit-post$suffix.js", array( 'jquery', 'suggest', 'wp-a11y' ), false, 1 );
    564564                did_action( 'init' ) && $scripts->localize( 'inline-edit-post', 'inlineEditL10n', array(
    565565                        'error'      => __( 'Error while saving the changes.' ),
    566                         'ntdeltitle' => __( 'Remove From Bulk Edit' ),
     566                        'ariaLabel'  => esc_attr__( 'Remove &#8220;%s&#8221; from Bulk Edit' ),
    567567                        'notitle'    => __( '(no title)' ),
    568568                        'comma'      => trim( _x( ',', 'tag delimiter' ) ),
    569569                        'saved'      => __( 'Changes saved.' ),
     570                        'remove'     => __( 'Remove' ),
     571                        'removed'    => __( 'Item removed.' ),
     572                        'allRemoved' => __( 'All selected items have been removed. Select new items to use Bulk Actions.' ),
    570573                ) );
    571574
    572575                $scripts->add( 'inline-edit-tax', "/wp-admin/js/inline-edit-tax$suffix.js", array( 'jquery', 'wp-a11y' ), false, 1 );