WordPress.org

Make WordPress Core

Ticket #25592: 25592.3.diff

File 25592.3.diff, 1.3 KB (added by lancewillett, 8 years ago)

Fix too-wide search button

  • wp-content/themes/twentyfourteen/js/functions.js

     
    5656
    5757        $( function() {
    5858                // Search toggle.
    59                 $( '.search-toggle' ).on( 'click.twentyfourteen', function() {
     59                $( '.search-toggle' ).on( 'click.twentyfourteen', function( event ) {
    6060                        var that    = $( this ),
    6161                                wrapper = $( '.search-box-wrapper' );
    6262
     
    6363                        that.toggleClass( 'active' );
    6464                        wrapper.toggleClass( 'hide' );
    6565
    66                         if ( that.is( '.active' ) ) {
     66                        if ( that.is( '.active' ) || $( '.screen-reader-text' ) === event.target ) {
    6767                                wrapper.find( '.search-field' ).focus();
    6868                        }
    6969                } );
  • wp-content/themes/twentyfourteen/style.css

     
    903903        width: 100%;
    904904}
    905905
    906 .search-toggle .screen-reader-text {
    907         right: 0; /* This makes sure a horizontal scrollbar won't appear */
    908 }
    909906
    910 
    911907/**
    912908 * 5.0 Navigation
    913909 * -----------------------------------------------------------------------------