WordPress.org

Make WordPress Core

Ticket #39074: 39074.diff

File 39074.diff, 3.7 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..636c4d8cdf 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                                return;
     56                        }
     57
     58                        if ( $el.hasClass( 'handle-order-next' ) ) {
     59                                // The handle order next button was clicked.
     60                                closestPostbox.next().after( closestPostbox );
     61                                postboxes.save_order( postboxes.page );
     62                                return;
     63                        }
     64
    5065                        p.toggleClass( 'closed' );
    5166
    5267                        ariaExpandedValue = ! p.hasClass( 'closed' );
     
    99114                 * @return {void}
    100115                 */
    101116                add_postbox_toggles : function (page, args) {
    102                         var $handles = $( '.postbox .hndle, .postbox .handlediv' );
     117                        var $handles = $( '.postbox .hndle, .postbox .handlediv, .postbox .handle-order-next, .postbox .handle-order-prev' );
    103118
    104119                        this.page = page;
    105120                        this.init( page, args );
  • src/wp-admin/css/common.css

    diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
    index a8b8112b00..76d7cdee90 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 {
     2076        display: inline-block;
     2077}
     2078
    20722079.js .postbox .handlediv {
    20732080        display: block;
    20742081}
    img { 
    30483055        content: "\f140";
    30493056}
    30503057
     3058.js .postbox .handle-order-next .toggle-indicator:before,
     3059.js .postbox .handle-order-prev .toggle-indicator:before,
    30513060.js .postbox .handlediv .toggle-indicator:before {
    30523061        margin-top: 4px;
    30533062        width: 20px;
    img { 
    30553064        text-indent: -1px; /* account for the dashicon alignment */
    30563065}
    30573066
     3067.js .postbox .handle-order-next .toggle-indicator:before {
     3068        transform: rotate(90deg);
     3069}
     3070
     3071.js .postbox .handle-order-prev .toggle-indicator:before {
     3072        transform: rotate(-90deg);
     3073}
     3074
    30583075.rtl.js .postbox .handlediv .toggle-indicator:before {
    30593076        text-indent: 1px; /* account for the dashicon alignment */
    30603077}
  • 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'] ) {