Make WordPress Core

Changeset 22731


Ignore:
Timestamp:
11/20/2012 09:25:54 PM (11 years ago)
Author:
nacin
Message:

Customizer: Let return/enter fire click events for dropdowns and links. Remove errant focus event. Re-add box shadow and border for the overlay header. props lessbloat. see #21283.

Location:
trunk/wp-admin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/wp-admin.css

    r22730 r22731  
    55345534}
    55355535
     5536.wp-full-overlay-sidebar .wp-full-overlay-header {
     5537    border-top: 0; 
     5538    border-bottom: 1px solid #fff; 
     5539    box-shadow: inset 0 -1px 0 0px #dfdfdf; 
     5540}
     5541
    55365542.wp-full-overlay-sidebar .wp-full-overlay-footer {
    55375543    bottom: 0;
  • trunk/wp-admin/js/customize-controls.js

    r22563 r22731  
    9999
    100100            // Support the .dropdown class to open/close complex elements
    101             this.container.on( 'click focus', '.dropdown', function( event ) {
     101            this.container.on( 'click keydown', '.dropdown', function( event ) {
     102                if ( event.type === 'keydown' &&  13 !== event.which ) // enter
     103                    return;
     104
    102105                event.preventDefault();
    103106
     
    169172
    170173            this.remover = this.container.find('.remove');
    171             this.remover.click( function( event ) {
     174            this.remover.on( 'click keydown', function( event ) {
     175                if ( event.type === 'keydown' &&  13 !== event.which ) // enter
     176                    return;
     177
    172178                control.setting.set( control.params.removed );
    173179                event.preventDefault();
     
    233239            // Bind tab switch events
    234240            this.library.children('ul').on( 'click keydown', 'li', function( event ) {
    235 
    236                 if ( event.type === 'keydown' &&  13 !== event.which )
     241                if ( event.type === 'keydown' &&  13 !== event.which ) // enter
    237242                    return;
    238243
     
    252257            // Bind events to switch image urls.
    253258            this.library.on( 'click keydown', 'a', function( event ) {
    254                 if ( event.type === 'keydown' && 13 !== event.which ) // enter
     259                if ( event.type === 'keydown' && 13 !== event.which ) // enter
    255260                    return;
    256261
     
    883888        });
    884889
    885         $('.collapse-sidebar').click( function( event ) {
     890        $('.collapse-sidebar').on( 'click keydown', function( event ) {
     891            if ( event.type === 'keydown' &&  13 !== event.which ) // enter
     892                return;
     893
    886894            overlay.toggleClass( 'collapsed' ).toggleClass( 'expanded' );
    887895            event.preventDefault();
Note: See TracChangeset for help on using the changeset viewer.