WordPress.org

Make WordPress Core

Ticket #27039: 24839.twenty-thirteen.2.diff

File 24839.twenty-thirteen.2.diff, 1.8 KB (added by joedolson, 5 years ago)

Alternate patch for #27039; also attached to #24839

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

     
    6666        } );
    6767
    6868        /**
     69         * Enables dropdown menus on :focus for better accessibility.
     70         */     
     71        $( '.nav-menu' ).find( 'a' ).on( 'focus blur', function() {
     72                $( this ).parents().toggleClass( 'focus' );
     73        } );
     74       
     75        /**
    6976         * Arranges footer widgets vertically.
    7077         */
    7178        if ( $.isFunction( $.fn.masonry ) ) {
  • wp-content/themes/twentythirteen/style.css

     
    867867}
    868868
    869869.nav-menu li:hover > a,
    870 .nav-menu li a:hover {
     870.nav-menu li a:hover,
     871.nav-menu li:focus > a,
     872.nav-menu li a:focus  {
    871873        background-color: #220e10;
    872874        color: #fff;
    873875}
     
    877879        background-color: #220e10;
    878880        border: 2px solid #f7f5e7;
    879881        border-top: 0;
    880         display: none;
    881882        padding: 0;
    882883        position: absolute;
    883884        left: -2px;
    884885        z-index: 99999;
     886        height: 1px;
     887        width: 1px;
     888        overflow: hidden;
     889        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
     890        clip: rect(1px, 1px, 1px, 1px) 
    885891}
    886892
    887893.nav-menu .sub-menu ul,
     
    899905}
    900906
    901907ul.nav-menu ul a:hover,
    902 .nav-menu ul ul a:hover {
     908.nav-menu ul ul a:hover,
     909ul.nav-menu ul a:focus,
     910.nav-menu ul ul a:focus {
    903911        background-color: #db572f;
    904912}
    905913
    906914ul.nav-menu li:hover > ul,
    907 .nav-menu ul li:hover > ul {
    908         display: block;
     915.nav-menu ul li:hover > ul ,
     916ul.nav-menu .focus > ul,
     917.nav-menu .focus > ul {
     918        clip: inherit;
     919        overflow: inherit;
     920        height: inherit;
     921        width: inherit;         
    909922}
    910923
    911924.nav-menu .current_page_item > a,