← All changes | src/js/main.js +47 -1 2.0.1 → 2.1.1 View file →

		@@ -128,7 +128,53 @@
128	128	document.execCommand('copy');
129	129	document.body.removeChild(textArea);
130	130	}
131	131
132		- } );
	132	+ //Sidebar menu script
	133	+ window.addEventListener( 'resize', function () {
	134	+
	135	+ var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
	136	+ var navbarWrapper = document.querySelector( '.hsr-wrapper__list' );
	137	+ var mobileSidebar = document.querySelector( '.hsr-mobile-sidebar .hsr-wrapper' );
	138	+ var hpanelLink = document.querySelector( '.hsr-go-to-hpanel' );
	139	+
	140	+
	141	+ if ( windowWidth <= 1000 ) {
	142	+ if ( navbarWrapper && mobileSidebar ) {
	143	+ mobileSidebar.appendChild( navbarWrapper );
	144	+ mobileSidebar.appendChild( hpanelLink );
	145	+ }
	146	+ } else {
	147	+ var originalParent = document.querySelector( '.hsr-onboarding-navbar__wrapper' );
	148	+ if ( navbarWrapper && originalParent ) {
	149	+ originalParent.appendChild( navbarWrapper );
	150	+ originalParent.appendChild( hpanelLink );
	151	+ document.querySelector( '.hsr-mobile-sidebar' ).classList.remove( 'hsr-active' );
	152	+ }
	153	+ }
	154	+ } );
	155	+
	156	+ window.dispatchEvent( new Event( 'resize' ) );
	157	+
	158	+
	159	+ var mobileSidebar = document.querySelector( '.hsr-mobile-sidebar' );
	160	+ var closeButtons = document.querySelectorAll( '.hsr-close, .hsr-mobile-menu-icon' );
	161	+
	162	+ closeButtons.forEach( function ( button ) {
	163	+ button.addEventListener( 'click', function ( event ) {
	164	+ mobileSidebar.classList.toggle( 'hsr-active' );
	165	+ document.querySelector('body').classList.toggle( 'hsr-sidebar-active' );
	166	+ event.stopPropagation();
	167	+ } );
	168	+ } );
	169	+
	170	+ document.addEventListener( 'click', function ( event ) {
	171	+ if ( ! mobileSidebar.contains( event.target ) ) {
	172	+ mobileSidebar.classList.remove( 'hsr-active' );
	173	+ document.querySelector('body').classList.remove( 'hsr-sidebar-active' );
	174	+ }
	175	+ } );
	176	+ } );
	177	+
	178	+
133	179
134	180	} )( jQuery );