WordPress.org

Make WordPress Core

Ticket #25054: tabbable-nav.diff

File tabbable-nav.diff, 2.1 KB (added by obenland, 5 years ago)

Simplified, namespaced, and rtl'ified.

  • wp-content/themes/twentyfourteen/rtl.css

     
    100100
    101101.primary-navigation ul ul {
    102102        float: right;
    103         right: 0;
     103        right: -999em;
    104104        left: auto;
    105105}
    106106
    107107.primary-navigation ul ul ul {
    108         right: 100%;
     108        right: -999em;
     109        left: auto;
     110}
     111
     112
     113.primary-navigation ul li:hover > ul,
     114.primary-navigation ul li.focus > ul {
     115        right: auto;
     116}
     117
     118.primary-navigation ul ul li:hover > ul,
     119.primary-navigation ul ul li.focus > ul {
    109120        left: auto;
     121        right: 100%;
    110122}
    111123
    112124/* Secondary Navigation */
  • wp-content/themes/twentyfourteen/style.css

     
    706706        background-color: #000;
    707707}
    708708.primary-navigation ul li:hover > ul,
    709 .primary-navigation ul li.a11y-focus > ul {
     709.primary-navigation ul li.focus > ul {
    710710        left: auto;
    711711}
    712712.primary-navigation ul ul li:hover > ul,
    713 .primary-navigation ul ul li.a11y-focus > ul {
     713.primary-navigation ul ul li.focus > ul {
    714714        left: 100%;
    715715}
    716716.primary-navigation .current_page_item > a,
  • wp-content/themes/twentyfourteen/js/theme.js

     
    117117
    118118        } );
    119119
    120         /* Accessibility hover styles for menu. */
    121         $( '.primary-navigation li' ).hover( function() {
    122                         $( this ).addClass( 'a11y-focus' );
    123                 }, function() {
    124                         $( this ).delay( '250' ).removeClass( 'a11y-focus' );
    125                 }
    126         );
    127         $( '.primary-navigation li a' ).on( 'focus blur', function() {
    128                         $( this ).parents().toggleClass( 'a11y-focus' );
    129                 }
    130         );
    131 
     120        /* Focus styles for primary menu. */
     121        $( '.primary-navigation' ).find( 'a' ).on( 'focus.twentyfourteen blur.twentyfourteen', function() {
     122                $( this ).parents().toggleClass( 'focus' );
     123        });
    132124} )( jQuery );
     125 No newline at end of file