WordPress.org

Make WordPress Core

Changeset 41802


Ignore:
Timestamp:
10/09/2017 11:00:39 PM (8 months ago)
Author:
westonruter
Message:

Customize: Improve keyboard accessibility for publish settings section.

Props sayedwp.
See #39896.
Fixes #42027.

Location:
trunk/src
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/customize-controls.css

    r41771 r41802  
    3939    margin-top: 0;
    4040}
     41
     42#customize-save-button-wrapper .save:focus, #publish-settings:focus {
     43    box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; /* This is default box shadow for focus */
     44}
     45
    4146#customize-save-button-wrapper .save.has-next-sibling {
    4247    border-radius: 3px 0 0 3px;
     
    4752    top: 0;
    4853    bottom: 0;
    49     left: -301px;
     54    left: 0;
    5055    visibility: hidden;
    5156    overflow-x: hidden;
    5257    overflow-y: auto;
    53     width: 300px;
     58    width: 100%;
    5459    margin: 0;
    55     z-index: 4;
     60    z-index: -1;
    5661    background: #eee;
    5762    transition: left .18s;
    5863    border-right: 1px solid #ddd;
     64    border-left: 1px solid #ddd;
    5965    height: 100%;
    6066}
     
    7480.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
    7581    visibility: visible;
    76     left: 0;
     82    left: 100%;
    7783    transition: left .18s;
    7884}
     
    131137    overflow-y: auto;
    132138    overflow-x: hidden;
     139}
     140
     141.outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
     142    background: #eee;
    133143}
    134144
     
    28292839    }
    28302840
     2841    body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
     2842        left: -100%;
     2843    }
     2844
     2845    body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
     2846        left: 0;
     2847    }
     2848
    28312849    #available-widgets .customize-section-title,
    28322850    #available-menu-items .customize-section-title {
  • trunk/src/wp-admin/customize.php

    r41677 r41802  
    163163                <span class="screen-reader-text"><?php _e( 'Close the Customizer and go back to the previous page' ); ?></span>
    164164            </a>
     165        </div>
     166
     167        <div id="customize-sidebar-outer-content">
     168            <div id="customize-outer-theme-controls">
     169                <ul class="customize-outer-pane-parent"><?php // Outer panel and sections are not implemented, but its here as a placeholder to avoid any side-effect in api.Section. ?></ul>
     170            </div>
    165171        </div>
    166172
     
    218224    </form>
    219225    <div id="customize-preview" class="wp-full-overlay-main"></div>
    220     <div id="customize-sidebar-outer-content">
    221         <div id="customize-outer-theme-controls">
    222             <ul class="customize-outer-pane-parent"><?php // Outer panel and sections are not implemented, but its here as a placeholder to avoid any side-effect in api.Section. ?></ul>
    223         </div>
    224     </div>
    225226    <?php
    226227
  • trunk/src/wp-includes/class-wp-customize-manager.php

    r41797 r41802  
    37713771                    <span class="screen-reader-text"><?php _e( '(opens in a new window)' ); ?></span>
    37723772                </a>
    3773                 <input id="{{ elementPrefix }}customize-preview-link-input" readonly class="preview-control-element" data-component="input">
     3773                <input id="{{ elementPrefix }}customize-preview-link-input" readonly tabindex="-1" class="preview-control-element" data-component="input">
    37743774                <button class="customize-copy-preview-link preview-control-element button button-secondary" data-component="button" data-copy-text="<?php esc_attr_e( 'Copy' ); ?>" data-copied-text="<?php esc_attr_e( 'Copied' ); ?>" ><?php esc_html_e( 'Copy' ); ?></button>
    37753775            </div>
Note: See TracChangeset for help on using the changeset viewer.