Make WordPress Core

Ticket #37013: 37013.5.diff

File 37013.5.diff, 7.6 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 d06bebe..5f0fe3b 100644
    a b img { 
    30863086/* Metabox collapse arrow indicators */
    30873087.js .sidebar-name .sidebar-name-arrow:before,
    30883088.js .meta-box-sortables .postbox .toggle-indicator:before,
    3089 .bulk-action-notice .toggle-indicator:before {
    3090         content: "\f142";
     3089.bulk-action-notice .toggle-indicator:before,
     3090.js .accordion-section .handlediv .sidebar-name-arrow:before {
    30913091        display: inline-block;
    30923092        font: normal 20px/1 dashicons;
    30933093        speak: none;
    img { 
    30963096        text-decoration: none !important;
    30973097}
    30983098
     3099/* Open state */
     3100.js .sidebar-name .sidebar-name-arrow:before,
     3101.js .meta-box-sortables .postbox .toggle-indicator:before,
     3102.bulk-action-notice .toggle-indicator:before,
     3103.js .accordion-section.open .handlediv .sidebar-name-arrow:before {
     3104        content: "\f142";
     3105}
     3106
     3107/* Closed state */
    30993108.js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
    31003109.js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before,
    3101 .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator:before {
     3110.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator:before,
     3111.js .accordion-section .handlediv .sidebar-name-arrow:before {
    31023112        content: "\f140";
    31033113}
    31043114
    3105 .js .sidebar-name .sidebar-name-arrow:before {
    3106         padding: 10px;
    3107         left: 0;
    3108 }
    3109 
    31103115.js #widgets-left .sidebar-name .sidebar-name-arrow {
    31113116        display: none;
    31123117}
    img { 
    31493154                0 0 2px 1px rgba(30, 140, 190, .8);
    31503155}
    31513156
     3157.js .metabox-holder .accordion-section .accordion-section-title:after {
     3158        content: none;
     3159}
     3160
     3161.js .metabox-holder .accordion-section .handlediv {
     3162        float: right;
     3163        position: relative;
     3164        top: 11px;
     3165        margin-right: 11px;
     3166        z-index: 2;
     3167}
     3168
     3169.js .metabox-holder .accordion-section .handlediv .sidebar-name-arrow:before {
     3170        width: 20px;
     3171        border-radius: 50%;
     3172        text-indent: -1px; /* account for the dashicon alignment */
     3173}
     3174
     3175.js .metabox-holder .accordion-section .handlediv:focus {
     3176        outline: none;
     3177        border: none;
     3178        box-shadow: none;
     3179}
     3180
     3181.js .metabox-holder .accordion-section .handlediv:focus .sidebar-name-arrow:before {
     3182        box-shadow:
     3183                0 0 0 1px #5b9dd9,
     3184                0 0 2px 1px rgba(30, 140, 190, .8);
     3185}
     3186
    31523187/* @todo: appears to be Press This only and overridden */
    31533188#photo-add-url-div input[type="text"] {
    31543189        width: 300px;
    img { 
    32463281.nav-menus-php .item-edit:before,
    32473282.widget-top a.widget-action:after,
    32483283.control-section .accordion-section-title:after,
    3249 .accordion-section-title:after {
     3284.accordion-section-title:after,
     3285.accordion-section-arrow:after {
    32503286        right: 0;
    32513287        content: "\f140";
    32523288        border: none;
    img { 
    33153351.control-section.open .accordion-section-title:after,
    33163352#customize-info.open .accordion-section-title:after,
    33173353.nav-menus-php .menu-item-edit-active .item-edit:before,
    3318 .widget.open .widget-top a.widget-action:after {
     3354.widget.open .widget-top a.widget-action:after,
     3355.open .accordion-section-arrow:after {
    33193356        content: "\f142";
    33203357}
    33213358
  • src/wp-admin/css/widgets.css

    diff --git a/src/wp-admin/css/widgets.css b/src/wp-admin/css/widgets.css
    index f0be076..ceea163 100644
    a b  
    9191        box-sizing: border-box;
    9292}
    9393
    94 .sidebar-name-arrow {
    95         position: absolute;
    96         top: 0;
    97         right: 0;
    98         bottom: 0;
     94.js .sidebar-name .handlediv {
     95        float: right;
     96    width: 32px;
     97    height: 32px;
     98    padding: 0;
     99}
     100
     101.js .sidebar-name .handlediv:focus {
     102        box-shadow: none;
     103        outline: none;
     104}
     105
     106.js #widgets-left .sidebar-name .handlediv:focus .sidebar-name-arrow {
     107        display: block;
     108}
     109
     110.js .sidebar-name .handlediv:focus .sidebar-name-arrow:before {
     111        box-shadow:
     112                0 0 0 1px #5b9dd9,
     113                0 0 2px 1px rgba(30, 140, 190, .8);
     114}
     115
     116.js .sidebar-name .sidebar-name-arrow:before {
     117        margin-top: 14px;
     118        width: 20px;
     119        border-radius: 50%;
     120        text-indent: -1px; /* account for the dashicon alignment */
     121}
     122
     123.js .widget-liquid-left .sidebar-name .sidebar-name-arrow:before {
     124        margin-top: 7px;
    99125}
    100126
    101127.js .sidebar-name {
    div#widgets-left .sidebar-name h3 { 
    156182        margin: 0 10px 0 0;
    157183}
    158184
    159 #widgets-left .sidebar-name .sidebar-name-arrow:before {
    160         padding: 9px;
    161 }
    162 
    163185#widgets-left .widgets-holder-wrap,
    164186div#widgets-left .widget-holder {
    165187        background: transparent;
    div#widgets-right .sidebar-name h3 { 
    249271        padding: 15px 7px;
    250272}
    251273
    252 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
    253         top: 2px;
    254 }
    255 
    256274div#widgets-right .widget-top {
    257275        padding: 0;
    258276}
  • 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 fe2a957..1949045 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">