소스 검색

Add back desktop menu icon, filter out on mobile. (#2359)

Jeff Ong 4 년 전
부모
커밋
351838299c
2개의 변경된 파일8개의 추가작업 그리고 4개의 파일을 삭제
  1. 4 2
      seedlet/assets/js/primary-navigation.js
  2. 4 2
      seedlet/header.php

+ 4 - 2
seedlet/assets/js/primary-navigation.js

@@ -33,7 +33,6 @@
 		 * Trap keyboard navigation in the menu modal.
 		 * Adapted from TwentyTwenty
 		 */
-
 		document.addEventListener( 'keydown', function( event ) {
 			if ( ! wrapper.classList.contains( `${ id }-navigation-open` ) ){
 				return;
@@ -41,9 +40,12 @@
 			var modal, elements, selectors, lastEl, firstEl, activeEl, tabKey, shiftKey, escKey;
 
 			modal = document.querySelector( `.${ id }-navigation` );
-			selectors = 'input, a, button';
+			selectors = "input, a, button";
 			elements = modal.querySelectorAll( selectors );
 			elements = Array.prototype.slice.call( elements );
+			elements = elements.filter( function( el ) {
+				return ! el.classList.contains( 'woocommerce-cart-link' ); // ignore this element because it's hidden on mobile
+			});
 			tabKey = event.keyCode === 9;
 			shiftKey = event.shiftKey;
 			escKey = event.keyCode === 27;

+ 4 - 2
seedlet/header.php

@@ -75,9 +75,10 @@
 						<div class="woocommerce-menu-container">
 							<ul id="woocommerce-menu" class="menu-wrapper" aria-label="%4$s">
 							<li class="menu-item woocommerce-menu-item %5$s" title="%6$s">
+								%7$s
 								<ul class="sub-menu">
-									<li class="woocommerce-cart-widget" title="%7$s">
-										%8$s
+									<li class="woocommerce-cart-widget" title="%8$s">
+										%9$s
 									</li>
 								</ul>
 							</li>',
@@ -87,6 +88,7 @@
 						esc_attr__( 'submenu', 'seedlet' ),
 						is_cart() ? 'current-menu-item' : '',
 						esc_attr__( 'View your shopping cart', 'seedlet' ),
+						seedlet_cart_link(),
 						esc_attr__( 'View your shopping list', 'seedlet' ),
 						seedlet_cart_widget()
 					) ); ?>