WordPress.org

Make WordPress Core

Ticket #25054: tabbable-nav.diff

File tabbable-nav.diff, 2.1 KB (added by obenland, 6 months 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