WordPress.org

Make WordPress Core

Ticket #39074: 39074.2.diff

File 39074.2.diff, 4.6 KB (added by xkon, 5 weeks ago)
  • src/js/_enqueues/admin/postbox.js

    diff --git a/src/js/_enqueues/admin/postbox.js b/src/js/_enqueues/admin/postbox.js
    index 9789518b65..2e3583a302 100644
    a b  
    4141                        var $el = $( this ),
    4242                                p = $el.parent( '.postbox' ),
    4343                                id = p.attr( 'id' ),
    44                                 ariaExpandedValue;
     44                                ariaExpandedValue,
     45                                closestPostbox = $( this ).closest( '.postbox' );
    4546
    4647                        if ( 'dashboard_browser_nag' === id ) {
    4748                                return;
    4849                        }
    4950
     51                        if ( $el.hasClass( 'handle-order-prev' ) ) {
     52                                // The handle order prev button was clicked.
     53                                closestPostbox.prev().before( closestPostbox );
     54                                postboxes.save_order( postboxes.page );
     55                                $el.focus();
     56                                return;
     57                        }
     58
     59                        if ( $el.hasClass( 'handle-order-next' ) ) {
     60                                // The handle order next button was clicked.
     61                                closestPostbox.next().after( closestPostbox );
     62                                postboxes.save_order( postboxes.page );
     63                                $el.focus();
     64                                return;
     65                        }
     66
    5067                        p.toggleClass( 'closed' );
    5168
    5269                        ariaExpandedValue = ! p.hasClass( 'closed' );
     
    99116                 * @return {void}
    100117                 */
    101118                add_postbox_toggles : function (page, args) {
    102                         var $handles = $( '.postbox .hndle, .postbox .handlediv' );
     119                        var $handles = $( '.postbox .hndle, .postbox .handlediv, .postbox .handle-order-next, .postbox .handle-order-prev' );
    103120
    104121                        this.page = page;
    105122                        this.init( page, args );
     
    202219                 */
    203220                init : function(page, args) {
    204221                        var isMobile = $( document.body ).hasClass( 'mobile' ),
    205                                 $handleButtons = $( '.postbox .handlediv' );
     222                                $handleButtons = $( '.postbox .ui-actions .handlediv' );
    206223
    207224                        $.extend( this, args || {} );
    208225                        $('#wpbody-content').css('overflow','hidden');
  • src/wp-admin/css/common.css

    diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
    index a8b8112b00..32e32accdb 100644
    a b html.wp-toolbar { 
    20572057        font-weight: 400;
    20582058}
    20592059
     2060.postbox .handle-order-prev,
     2061.postbox .handle-order-next,
    20602062.postbox .handlediv {
    20612063        display: none;
    20622064        float: right;
    html.wp-toolbar { 
    20692071        cursor: pointer;
    20702072}
    20712073
     2074.postbox .handle-order-prev,
     2075.postbox .handle-order-next,
    20722076.js .postbox .handlediv {
    2073         display: block;
     2077        display: inline-block;
    20742078}
    20752079
    20762080.sortable-placeholder {
    img { 
    30483052        content: "\f140";
    30493053}
    30503054
     3055.js .postbox .handle-order-next .toggle-indicator:before {
     3056        content: "\f347";
     3057}
     3058
     3059.js .postbox .handle-order-prev .toggle-indicator:before {
     3060        content: "\f343";
     3061}
     3062
     3063.js .postbox .handle-order-next .toggle-indicator:before,
     3064.js .postbox .handle-order-prev .toggle-indicator:before,
    30513065.js .postbox .handlediv .toggle-indicator:before {
    30523066        margin-top: 4px;
    30533067        width: 20px;
    img { 
    30553069        text-indent: -1px; /* account for the dashicon alignment */
    30563070}
    30573071
     3072.rtl.js .postbox .handle-order-next .toggle-indicator:before,
     3073.rtl.js .postbox .handle-order-prev .toggle-indicator:before,
    30583074.rtl.js .postbox .handlediv .toggle-indicator:before {
    30593075        text-indent: 1px; /* account for the dashicon alignment */
    30603076}
    img { 
    30653081        color: #72777c;
    30663082}
    30673083
     3084.js .postbox .handle-order-next:focus,
     3085.js .postbox .handle-order-prev:focus,
    30683086.js .postbox .handlediv:focus {
    30693087        box-shadow: none;
    30703088        outline: none;
    30713089}
    30723090
     3091.js .postbox .handle-order-next:focus .toggle-indicator:before,
     3092.js .postbox .handle-order-prev:focus .toggle-indicator:before,
    30733093.js .postbox .handlediv:focus .toggle-indicator:before {
    30743094        box-shadow:
    30753095                0 0 0 1px #5b9dd9,
  • src/wp-admin/includes/template.php

    diff --git a/src/wp-admin/includes/template.php b/src/wp-admin/includes/template.php
    index 5e6838eab1..9257d803d3 100644
    a b function do_meta_boxes( $screen, $context, $object ) { 
    13151315                                                ) . '</span>';
    13161316                                                echo '<span class="toggle-indicator" aria-hidden="true"></span>';
    13171317                                                echo '</button>';
     1318
     1319                                                echo '<button type="button" class="handle-order-next">';
     1320                                                echo '<span class="screen-reader-text">' . sprintf(
     1321                                                        /* translators: Meta box title. */
     1322                                                        __( 'Move %s panel to next position' ),
     1323                                                        $widget_title
     1324                                                ) . '</span>';
     1325                                                echo '<span class="toggle-indicator" aria-hidden="true"></span>';
     1326                                                echo '</button>';
     1327
     1328                                                echo '<button type="button" class="handle-order-prev">';
     1329                                                echo '<span class="screen-reader-text">' . sprintf(
     1330                                                        /* translators: Meta box title. */
     1331                                                        __( 'Move %s panel to previous position' ),
     1332                                                        $widget_title
     1333                                                ) . '</span>';
     1334                                                echo '<span class="toggle-indicator" aria-hidden="true"></span>';
     1335                                                echo '</button>';
    13181336                                        }
    13191337                                        echo '<h2 class="hndle">';
    13201338                                        if ( 'dashboard_php_nag' === $box['id'] ) {