WordPress.org

Make WordPress Core

Changeset 41802


Ignore:
Timestamp:
10/09/17 23:00:39 (4 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.