[WebHost] Make site header mobile-friendly (#1523)

This commit is contained in:
Chris Wilson
2023-03-10 17:21:17 -05:00
committed by GitHub
parent 4068ba2f15
commit 5fef41eb97
4 changed files with 93 additions and 1 deletions

View File

@@ -0,0 +1,18 @@
window.addEventListener('load', () => {
const menuButton = document.getElementById('base-header-mobile-menu-button');
const mobileMenu = document.getElementById('base-header-mobile-menu');
menuButton.addEventListener('click', (evt) => {
evt.preventDefault();
if (!mobileMenu.style.display || mobileMenu.style.display === 'none') {
return mobileMenu.style.display = 'flex';
}
mobileMenu.style.display = 'none';
});
window.addEventListener('resize', () => {
mobileMenu.style.display = 'none';
});
});