WordPress.org

Make WordPress Core

Ticket #33754: 33754.2.patch

File 33754.2.patch, 5.5 KB (added by afercia, 5 years ago)
  • src/wp-admin/css/common.css

     
    18311831}
    18321832
    18331833.postbox .handlediv {
     1834        display: none;
    18341835        float: right;
    1835         width: 33px;
     1836        width: 36px;
    18361837        height: 36px;
     1838        padding: 0;
    18371839}
    18381840
    18391841.js .postbox .handlediv {
    1840         cursor: pointer;
     1842        display: block;
    18411843}
    18421844
    18431845.sortable-placeholder {
     
    27702772
    27712773/* Metabox collapse arrow indicators */
    27722774.js .sidebar-name .sidebar-name-arrow:before,
    2773 .js .meta-box-sortables .postbox .handlediv:before {
    2774         right: 12px;
     2775.js .meta-box-sortables .postbox .toggle-indicator:before {
     2776        position: relative;
     2777        left: -1px; /* fix the dashicon horizontal alignment */
     2778        display: inline-block;
    27752779        font: normal 20px/1 dashicons;
    27762780        speak: none;
    2777         display: inline-block;
    2778         padding: 8px 10px;
    2779         top: 0;
    2780         position: relative;
     2781        padding: 8px;
    27812782        -webkit-font-smoothing: antialiased;
    27822783        -moz-osx-font-smoothing: grayscale;
    27832784        text-decoration: none !important;
    27842785}
    27852786
     2787.js .sidebar-name .sidebar-name-arrow:before {
     2788        padding: 10px;
     2789        left: 0;
     2790}
     2791
    27862792.js #widgets-left .sidebar-name .sidebar-name-arrow {
    27872793        display: none;
    27882794}
     
    27942800
    27952801/* Show the arrow only on hover */
    27962802.js .sidebar-name .sidebar-name-arrow:before,
    2797 .js .meta-box-sortables .postbox .handlediv:before {
     2803.js .meta-box-sortables .postbox .toggle-indicator:before {
    27982804        content: "\f142";
    27992805}
    28002806
    28012807.js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
    2802 .js .meta-box-sortables .postbox.closed .handlediv:before {
     2808.js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before {
    28032809        content: "\f140";
    28042810}
    28052811
     
    29252931
    29262932.widget-action:hover,
    29272933.handlediv:hover,
     2934.handlediv:focus,
    29282935.item-edit:hover,
    29292936.sidebar-name:hover .sidebar-name-arrow,
    29302937.accordion-section-title:hover:after {
  • src/wp-admin/css/widgets.css

     
    147147        margin: 0 10px 0 0;
    148148}
    149149
    150 div#widgets-left .sidebar-name .sidebar-name-arrow:before {
    151         right: 0;
    152         top: 4px;
    153         padding: 4px 6px 4px 4px;
     150#widgets-left .sidebar-name .sidebar-name-arrow:before {
     151        padding: 9px;
    154152}
    155153
    156154#widgets-left #available-widgets,
     
    250248}
    251249
    252250div#widgets-right .sidebar-name .sidebar-name-arrow:before {
    253         right: 0;
    254         top: 4px;
     251        top: 2px;
    255252}
    256253
    257254div#widgets-right .widget-top {
  • src/wp-admin/includes/template-functions.php

     
    984984                                        $hidden_class = in_array($box['id'], $hidden) ? ' hide-if-js' : '';
    985985                                        echo '<div id="' . $box['id'] . '" class="postbox ' . postbox_classes($box['id'], $page) . $hidden_class . '" ' . '>' . "\n";
    986986                                        if ( 'dashboard_browser_nag' != $box['id'] ) {
    987                                                 echo '<button class="handlediv button-link" title="' . esc_attr__( 'Click to toggle' ) . '" aria-expanded="true">';
    988                                                 echo '<span class="screen-reader-text">' . sprintf( __( 'Click to toggle %s panel' ), $box['title'] ) . '</span><br />';
     987                                                echo '<button type="button" class="handlediv button-link" aria-expanded="true">';
     988                                                echo '<span class="screen-reader-text">' . sprintf( __( 'Toggle panel: %s' ), $box['title'] ) . '</span>';
     989                                                echo '<span class="toggle-indicator" aria-hidden="true"></span>';
    989990                                                echo '</button>';
    990991                                        }
    991992                                        echo "<h3 class='hndle'><span>{$box['title']}</span></h3>\n";
  • src/wp-admin/js/postbox.js

     
    77
    88        postboxes = {
    99                add_postbox_toggles : function(page, args) {
    10                         var self = this;
     10                        var self = this,
     11                                $handles = $( '.postbox .hndle, .postbox .handlediv' );
    1112
    1213                        self.init(page, args);
    1314
    14                         $('.postbox .hndle, .postbox .handlediv').bind('click.postboxes', function( e ) {
    15                                 var p = $(this).parent('.postbox'), id = p.attr('id');
     15                        $handles.on( 'click.postboxes', function() {
     16                                var $el = $( this ),
     17                                        p = $el.parent( '.postbox' ),
     18                                        id = p.attr( 'id' ),
     19                                        ariaExpandedValue;
    1620
    1721                                if ( 'dashboard_browser_nag' == id )
    1822                                        return;
    1923
    20                                 e.preventDefault();
    21 
    2224                                p.toggleClass( 'closed' );
    23                                 $(this).attr( 'aria-expanded', ! p.hasClass( 'closed' ) );
    2425
     26                                ariaExpandedValue = ! p.hasClass( 'closed' );
     27
     28                                if ( $el.hasClass( 'handlediv' ) ) {
     29                                        // The handle button was clicked.
     30                                        $el.attr( 'aria-expanded', ariaExpandedValue );
     31                                } else {
     32                                        // The handle heading was clicked.
     33                                        $el.closest( '.postbox' ).find( 'button.handlediv' ).attr( 'aria-expanded', ariaExpandedValue );
     34                                }
     35
    2536                                if ( page != 'press-this' )
    2637                                        self.save_state(page);
    2738
     
    7485                },
    7586
    7687                init : function(page, args) {
    77                         var isMobile = $(document.body).hasClass('mobile');
     88                        var isMobile = $( document.body ).hasClass( 'mobile' ),
     89                                $handleButtons = $( '.postbox .handlediv' );
    7890
    7991                        $.extend( this, args || {} );
    8092                        $('#wpbody-content').css('overflow','hidden');
     
    112124                        }
    113125
    114126                        this._mark_area();
     127
     128                        // Set the handle buttons `aria-expanded` attribute initial value on page load.
     129                        $handleButtons.each( function() {
     130                                $( this ).attr( 'aria-expanded', ! $( this ).parent( '.postbox' ).hasClass( 'closed' ) );
     131                        });
    115132                },
    116133
    117134                save_state : function(page) {