WordPress.org

Make WordPress Core

Ticket #39074: 39074.12.diff

File 39074.12.diff, 2.8 KB (added by afercia, 10 months ago)
  • src/js/_enqueues/admin/postbox.js

     
    203203                 * @return {void}
    204204                 */
    205205                updateOrderButtonsProperties: function() {
    206                         var firstSortablesId = $( '.meta-box-sortables:first' ).attr( 'id' ),
    207                                 lastSortablesId = $( '.meta-box-sortables:last' ).attr( 'id' ),
     206                        var firstSortablesId = $( '.meta-box-sortables:visible:first' ).attr( 'id' ),
     207                                lastSortablesId = $( '.meta-box-sortables:visible:last' ).attr( 'id' ),
    208208                                firstPostbox = $( '.postbox:visible:first' ),
    209209                                lastPostbox = $( '.postbox:visible:last' ),
     210                                firstPostboxId = firstPostbox.attr( 'id' ),
     211                                lastPostboxId = lastPostbox.attr( 'id' ),
    210212                                firstPostboxSortablesId = firstPostbox.closest( '.meta-box-sortables' ).attr( 'id' ),
    211                                 lastPostboxSortablesId = lastPostbox.closest( '.meta-box-sortables' ).attr( 'id' );
     213                                lastPostboxSortablesId = lastPostbox.closest( '.meta-box-sortables' ).attr( 'id' ),
     214                                moveUpButtons = $( '.handle-order-higher' ),
     215                                moveDownButtons = $( '.handle-order-lower' );
    212216
    213217                        // Enable all buttons as a reset first.
    214                         $( '.handle-order-higher' ).attr( 'aria-disabled', 'false' );
    215                         $( '.handle-order-lower' ).attr( 'aria-disabled', 'false' );
     218                        moveUpButtons
     219                                .attr( 'aria-disabled', 'false' )
     220                                .removeClass( 'hidden' );
     221                        moveDownButtons
     222                                .attr( 'aria-disabled', 'false' )
     223                                .removeClass( 'hidden' );
    216224
     225                        // When there's only one "sortables" area (e.g. in the block editor) and only one visible postbox, hide the buttons.
     226                        if ( firstSortablesId === lastSortablesId && firstPostboxId === lastPostboxId ) {
     227                                moveUpButtons.addClass( 'hidden' );
     228                                moveDownButtons.addClass( 'hidden' );
     229                        }
     230
    217231                        // Set an aria-disabled=true attribute on the first visible "move" buttons.
    218232                        if ( firstSortablesId === firstPostboxSortablesId ) {
    219233                                $( firstPostbox ).find( '.handle-order-higher' ).attr( 'aria-disabled', 'true' );
  • src/wp-admin/css/common.css

     
    20112011        flex-shrink: 0;
    20122012}
    20132013
     2014/* Post box order and toggle buttons. */
    20142015.postbox .handle-order-higher,
    20152016.postbox .handle-order-lower,
    20162017.postbox .handlediv {
     
    20282029        color: #72777c;
    20292030}
    20302031
     2032/* Post box order buttons in the block editor meta boxes area. */
     2033.edit-post-meta-boxes-area .postbox .handle-order-higher,
     2034.edit-post-meta-boxes-area .postbox .handle-order-lower {
     2035        width: 44px;
     2036        height: 44px;
     2037        color: #191e23
     2038}
     2039
    20312040.postbox .handle-order-higher[aria-disabled="true"],
    20322041.postbox .handle-order-lower[aria-disabled="true"] {
    20332042        cursor: default;