WordPress.org

Make WordPress Core

Ticket #27039: 27039.1.patch

File 27039.1.patch, 3.6 KB (added by Frank Klein, 5 years ago)

Updated patch that fixes issues with the responsive small menu styles.

  • src/wp-content/themes/twentythirteen/functions.php

     
    172172                wp_enqueue_script( 'jquery-masonry' );
    173173
    174174        // Loads JavaScript file with functionality specific to Twenty Thirteen.
    175         wp_enqueue_script( 'twentythirteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '2013-07-18', true );
     175        wp_enqueue_script( 'twentythirteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '2014-06-02', true );
    176176
    177177        // Add Source Sans Pro and Bitter fonts, used in the main stylesheet.
    178178        wp_enqueue_style( 'twentythirteen-fonts', twentythirteen_fonts_url(), array(), null );
  • src/wp-content/themes/twentythirteen/js/functions.js

     
    6565                }
    6666        } );
    6767
     68        // Focus styles for menu.
     69        $( '.main-navigation' ).find( 'a' ).on( 'focus.twentythirteen blur.twentythirteen', function() {
     70                $( this ).parents().toggleClass( 'focus' );
     71        } );
     72
    6873        /**
    6974         * Arranges footer widgets vertically.
    7075         */
     
    7883                        isRTL: body.is( '.rtl' )
    7984                } );
    8085        }
    81 } )( jQuery );
    82  No newline at end of file
     86} )( jQuery );
  • src/wp-content/themes/twentythirteen/style.css

     
    867867}
    868868
    869869.nav-menu li:hover > a,
    870 .nav-menu li a:hover {
     870.nav-menu li.focus > a,
     871.nav-menu li a:hover,
     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;
    883         left: -2px;
     884        left: -999em;
    884885        z-index: 99999;
    885886}
    886887
    887888.nav-menu .sub-menu ul,
    888889.nav-menu .children ul {
    889890        border-left: 0;
    890         left: 100%;
    891891        top: 0;
    892892}
    893893
     
    899899}
    900900
    901901ul.nav-menu ul a:hover,
    902 .nav-menu ul ul a:hover {
     902ul.nav-menu ul a:focus,
     903.nav-menu ul ul a:hover,
     904.nav-menu ul ul a:focus {
    903905        background-color: #db572f;
    904906}
    905907
    906908ul.nav-menu li:hover > ul,
    907 .nav-menu ul li:hover > ul {
    908         display: block;
     909ul.nav-menu li.focus > ul,
     910.nav-menu ul li:hover > ul,
     911.nav-menu ul li.focus > ul {
     912        left: -2px;
    909913}
    910914
     915ul.nav-menu ul li:hover > ul,
     916ul.nav-menu ul li.focus > ul,
     917.nav-menu ul ul li:hover > ul,
     918.nav-menu ul ul li.focus > ul {
     919        left: 100%;
     920}
     921
    911922.nav-menu .current_page_item > a,
    912923.nav-menu .current_page_ancestor > a,
    913924.nav-menu .current-menu-item > a,
     
    28472858                width: auto;
    28482859        }
    28492860
     2861        .toggled-on ul.nav-menu li:hover > ul,
     2862        .toggled-on ul.nav-menu li.focus > ul,
     2863        .toggled-on .nav-menu ul li:hover > ul,
     2864        .toggled-on .nav-menu ul li.focus > ul,
     2865        .toggled-on .nav-menu ul ul li:hover > ul,
     2866        .toggled-on .nav-menu ul ul li.focus > ul {
     2867                left: auto;
     2868        }
     2869
    28502870        .toggled-on .nav-menu li:hover > a,
     2871        .toggled-on .nav-menu li.focus > a,
    28512872        .toggled-on .nav-menu .children a {
    28522873                background-color: transparent;
    28532874                color: #141412;
    28542875        }
    28552876
    28562877        .toggled-on .nav-menu li a:hover,
    2857         .toggled-on .nav-menu ul a:hover {
     2878        .toggled-on .nav-menu li a:focus,
     2879        .toggled-on .nav-menu ul a:hover,
     2880        .toggled-on .nav-menu ul a:focus {
    28582881                background-color: #db572f;
    28592882                color: #fff;
    28602883        }
     
    31343157        .comment-reply-login {
    31353158                color: #333;
    31363159        }
    3137 }
    3138  No newline at end of file
     3160}