Make WordPress Core

Ticket #37013: 37013.7.diff

File 37013.7.diff, 7.7 KB (added by mihai2u, 7 years ago)
  • src/wp-admin/css/common.css

    diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
    index 867ce6b..9074743 100644
    a b img { 
    30803080/* Metabox collapse arrow indicators */
    30813081.js .sidebar-name .sidebar-name-arrow:before,
    30823082.js .meta-box-sortables .postbox .toggle-indicator:before,
    3083 .bulk-action-notice .toggle-indicator:before {
    3084         content: "\f142";
     3083.bulk-action-notice .toggle-indicator:before,
     3084.js .accordion-section .handlediv .sidebar-name-arrow:before {
    30853085        display: inline-block;
    30863086        font: normal 20px/1 dashicons;
    30873087        speak: none;
    img { 
    30903090        text-decoration: none !important;
    30913091}
    30923092
     3093/* Open state */
     3094.js .sidebar-name .sidebar-name-arrow:before,
     3095.js .meta-box-sortables .postbox .toggle-indicator:before,
     3096.bulk-action-notice .toggle-indicator:before,
     3097.js .accordion-section.open .handlediv .sidebar-name-arrow:before {
     3098        content: "\f142";
     3099}
     3100
     3101/* Closed state */
    30933102.js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
    30943103.js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before,
    3095 .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator:before {
     3104.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator:before,
     3105.js .accordion-section .handlediv .sidebar-name-arrow:before {
    30963106        content: "\f140";
    30973107}
    30983108
    3099 .js .sidebar-name .sidebar-name-arrow:before {
    3100         padding: 10px;
    3101         left: 0;
    3102 }
    3103 
    31043109.js #widgets-left .sidebar-name .sidebar-name-arrow {
    31053110        display: none;
    31063111}
    img { 
    31433148                0 0 2px 1px rgba(30, 140, 190, .8);
    31443149}
    31453150
     3151.js .metabox-holder .accordion-section .accordion-section-title:after {
     3152        content: none;
     3153}
     3154
     3155.js .metabox-holder .accordion-section .handlediv {
     3156        float: right;
     3157        position: relative;
     3158        top: 11px;
     3159        margin-right: 11px;
     3160        z-index: 2;
     3161}
     3162
     3163.js .metabox-holder .accordion-section .handlediv .sidebar-name-arrow:before {
     3164        width: 20px;
     3165        border-radius: 50%;
     3166        text-indent: -1px; /* account for the dashicon alignment */
     3167}
     3168
     3169.js .metabox-holder .accordion-section .handlediv:focus {
     3170        outline: none;
     3171        border: none;
     3172        box-shadow: none;
     3173}
     3174
     3175.js .metabox-holder .accordion-section .handlediv:focus .sidebar-name-arrow:before {
     3176        box-shadow:
     3177                0 0 0 1px #5b9dd9,
     3178                0 0 2px 1px rgba(30, 140, 190, .8);
     3179}
     3180
    31463181/* @todo: appears to be Press This only and overridden */
    31473182#photo-add-url-div input[type="text"] {
    31483183        width: 300px;
    img { 
    32403275.nav-menus-php .item-edit:before,
    32413276.widget-top .widget-action .toggle-indicator:before,
    32423277.control-section .accordion-section-title:after,
    3243 .accordion-section-title:after {
     3278.accordion-section-title:after,
     3279.accordion-section-arrow:after {
     3280        right: 0;
    32443281        content: "\f140";
    32453282        font: normal 20px/1 dashicons;
    32463283        speak: none;
    img { 
    33003337.control-section.open .accordion-section-title:after,
    33013338#customize-info.open .accordion-section-title:after,
    33023339.nav-menus-php .menu-item-edit-active .item-edit:before,
    3303 .widget.open .widget-top .widget-action .toggle-indicator:before {
     3340.widget.open .widget-top .widget-action .toggle-indicator:before,
     3341.open .accordion-section-arrow:after {
    33043342        content: "\f142";
    33053343}
    33063344
  • src/wp-admin/css/widgets.css

    diff --git a/src/wp-admin/css/widgets.css b/src/wp-admin/css/widgets.css
    index ae28a38..bc794e5 100644
    a b  
    9292        box-sizing: border-box;
    9393}
    9494
    95 .sidebar-name-arrow {
    96         position: absolute;
    97         top: 0;
    98         right: 0;
    99         bottom: 0;
     95.js .sidebar-name .handlediv {
     96        float: right;
     97    width: 32px;
     98    height: 32px;
     99    padding: 0;
     100}
     101
     102.js .sidebar-name .handlediv:focus {
     103        box-shadow: none;
     104        outline: none;
     105}
     106
     107.js #widgets-left .sidebar-name .handlediv:focus .sidebar-name-arrow {
     108        display: block;
     109}
     110
     111.js .sidebar-name .handlediv:focus .sidebar-name-arrow:before {
     112        box-shadow:
     113                0 0 0 1px #5b9dd9,
     114                0 0 2px 1px rgba(30, 140, 190, .8);
     115}
     116
     117.js .sidebar-name .sidebar-name-arrow:before {
     118        margin-top: 14px;
     119        width: 20px;
     120        border-radius: 50%;
     121        text-indent: -1px; /* account for the dashicon alignment */
     122}
     123
     124.js .widget-liquid-left .sidebar-name .sidebar-name-arrow:before {
     125        margin-top: 7px;
    100126}
    101127
    102128.js .sidebar-name {
    div#widgets-left .sidebar-name h3 { 
    157183        margin: 0 10px 0 0;
    158184}
    159185
    160 #widgets-left .sidebar-name .sidebar-name-arrow:before {
    161         padding: 9px;
    162 }
    163 
    164186#widgets-left .widgets-holder-wrap,
    165187div#widgets-left .widget-holder {
    166188        background: transparent;
    div#widgets-right .sidebar-name h3 { 
    250272        padding: 15px 7px;
    251273}
    252274
    253 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
    254         top: 2px;
    255 }
    256 
    257275div#widgets-right .widget-top {
    258276        padding: 0;
    259277}
  • src/wp-admin/includes/template.php

    diff --git a/src/wp-admin/includes/template.php b/src/wp-admin/includes/template.php
    index a4672fd..f568e39 100644
    a b function do_accordion_sections( $screen, $context, $object ) { 
    11611161                                        }
    11621162                                        ?>
    11631163                                        <li class="control-section accordion-section <?php echo $hidden_class; ?> <?php echo $open_class; ?> <?php echo esc_attr( $box['id'] ); ?>" id="<?php echo esc_attr( $box['id'] ); ?>">
    1164                                                 <h3 class="accordion-section-title hndle" tabindex="0">
     1164                                                <button type="button" class="handlediv button-link" aria-expanded="true">
     1165                                                        <span class="screen-reader-text"><?php echo sprintf( __( 'Toggle panel: %s' ), esc_html( $box['title'] ) ); ?></span>
     1166                                                        <span class="sidebar-name-arrow" aria-hidden="true"></span>
     1167                                                </button>
     1168                                                <h3 class="accordion-section-title hndle">
    11651169                                                        <?php echo esc_html( $box['title'] ); ?>
    1166                                                         <span class="screen-reader-text"><?php _e( 'Press return or enter to open this section' ); ?></span>
    11671170                                                </h3>
    11681171                                                <div class="accordion-section-content <?php postbox_classes( $box['id'], $page ); ?>">
    11691172                                                        <div class="inside">
  • src/wp-admin/includes/widgets.php

    diff --git a/src/wp-admin/includes/widgets.php b/src/wp-admin/includes/widgets.php
    index e6af6e7..408165c 100644
    a b function wp_list_widget_controls( $sidebar, $sidebar_name = '' ) { 
    8080        if ( $sidebar_name ) {
    8181                ?>
    8282                <div class="sidebar-name">
    83                         <div class="sidebar-name-arrow"><br /></div>
     83                        <button type="button" class="handlediv button-link" aria-expanded="true">
     84                                <span class="screen-reader-text"><?php echo sprintf( __( 'Toggle panel: %s' ), $sidebar_name ); ?></span>
     85                                <span class="sidebar-name-arrow" aria-hidden="true"></span>
     86                        </button>
    8487                        <h2><?php echo esc_html( $sidebar_name ); ?> <span class="spinner"></span></h2>
    8588                </div>
    8689                <?php
  • src/wp-admin/js/accordion.js

    diff --git a/src/wp-admin/js/accordion.js b/src/wp-admin/js/accordion.js
    index af62815..6eb919a 100644
    a b  
    3333        $( document ).ready( function () {
    3434
    3535                // Expand/Collapse accordion sections on click.
    36                 $( '.accordion-container' ).on( 'click keydown', '.accordion-section-title', function( e ) {
     36                $( '.accordion-container' ).on( 'click keydown', '.accordion-section-title, .handlediv', function( e ) {
    3737                        if ( e.type === 'keydown' && 13 !== e.which ) { // "return" key
    3838                                return;
    3939                        }
  • src/wp-admin/widgets.php

    diff --git a/src/wp-admin/widgets.php b/src/wp-admin/widgets.php
    index db4459b..ade84bb 100644
    a b  
    387387<div id="widgets-left">
    388388        <div id="available-widgets" class="widgets-holder-wrap">
    389389                <div class="sidebar-name">
    390                         <div class="sidebar-name-arrow"><br /></div>
     390                        <button type="button" class="handlediv button-link" aria-expanded="true">
     391                                <span class="screen-reader-text">Toggle panel: <?php _e( 'Available Widgets' ); ?></span>
     392                                <span class="sidebar-name-arrow" aria-hidden="true"></span>
     393                        </button>
    391394                        <h2><?php _e( 'Available Widgets' ); ?> <span id="removing-widget"><?php _ex( 'Deactivate', 'removing-widget' ); ?> <span></span></span></h2>
    392395                </div>
    393396                <div class="widget-holder">