WordPress.org

Make WordPress Core

Ticket #24839: 24839.twenty-thirteen.3.diff

File 24839.twenty-thirteen.3.diff, 2.3 KB (added by lancewillett, 6 years ago)

Move IE styles, move JS block into existing menu area

  • wp-content/themes/twentythirteen/css/ie.css

     
    2424        text-decoration: none;
    2525}
    2626
     27.nav-menu .sub-menu,
     28.nav-menu .children {
     29        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
     30}
     31
    2732.nav-menu .sub-menu ul,
    2833.nav-menu .children ul {
    2934        left: 100%;
  • wp-content/themes/twentythirteen/js/functions.js

     
    4646                $( '.menu-toggle' ).on( 'click.twentythirteen', function() {
    4747                        nav.toggleClass( 'toggled-on' );
    4848                } );
     49
     50                // Enables dropdown menus on :focus for better accessibility.
     51                menu.find( 'a' ).on( 'focus blur', function() {
     52                        $( this ).parents( '.menu-item' ).toggleClass( 'focus' );
     53                } );
    4954        } )();
    5055
    5156        /**
     
    6469                        element.focus();
    6570                }
    6671        } );
    67 
     72       
    6873        /**
    6974         * Arranges footer widgets vertically.
    7075         */
  • 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) 
    885890}
    886891
    887892.nav-menu .sub-menu ul,
     
    899904}
    900905
    901906ul.nav-menu ul a:hover,
    902 .nav-menu ul ul a:hover {
     907.nav-menu ul ul a:hover,
     908ul.nav-menu ul a:focus,
     909.nav-menu ul ul a:focus {
    903910        background-color: #db572f;
    904911}
    905912
    906913ul.nav-menu li:hover > ul,
    907 .nav-menu ul li:hover > ul {
    908         display: block;
     914.nav-menu ul li:hover > ul ,
     915ul.nav-menu .focus > ul,
     916.nav-menu .focus > ul {
     917        clip: inherit;
     918        overflow: inherit;
     919        height: inherit;
     920        width: inherit;         
    909921}
    910922
    911923.nav-menu .current_page_item > a,