41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
window.addEventListener('load', () => {
|
|
// Mobile menu handling
|
|
const menuButton = document.getElementById('base-header-mobile-menu-button');
|
|
const mobileMenu = document.getElementById('base-header-mobile-menu');
|
|
|
|
menuButton.addEventListener('click', (evt) => {
|
|
evt.preventDefault();
|
|
evt.stopPropagation();
|
|
|
|
if (!mobileMenu.style.display || mobileMenu.style.display === 'none') {
|
|
return mobileMenu.style.display = 'flex';
|
|
}
|
|
|
|
mobileMenu.style.display = 'none';
|
|
});
|
|
|
|
window.addEventListener('resize', () => {
|
|
mobileMenu.style.display = 'none';
|
|
});
|
|
|
|
// Popover handling
|
|
const popoverText = document.getElementById('base-header-popover-text');
|
|
const popoverMenu = document.getElementById('base-header-popover-menu');
|
|
|
|
popoverText.addEventListener('click', (evt) => {
|
|
evt.preventDefault();
|
|
evt.stopPropagation();
|
|
|
|
if (!popoverMenu.style.display || popoverMenu.style.display === 'none') {
|
|
return popoverMenu.style.display = 'flex';
|
|
}
|
|
|
|
popoverMenu.style.display = 'none';
|
|
});
|
|
|
|
document.body.addEventListener('click', () => {
|
|
mobileMenu.style.display = 'none';
|
|
popoverMenu.style.display = 'none';
|
|
});
|
|
});
|