Add burger + some map responsiveness
This commit is contained in:
@@ -7,5 +7,6 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||
|
||||
UI.addCenterMapControl(map, GIS.CENTER_COORDS, GIS.INIT_ZOOM);
|
||||
UI.toggleMenu('siti');
|
||||
UI.toggleBurger('navbar-burger');
|
||||
UI.sitesMenu('.menu-list', map, sites);
|
||||
});
|
||||
|
||||
8
js/ui.js
8
js/ui.js
@@ -40,6 +40,14 @@ UI.addCenterMapControl = function (map, centerCoords, zoom) {
|
||||
let centerCtr = new L.Control.CenterControl();
|
||||
map.addControl(centerCtr);
|
||||
}
|
||||
UI.toggleBurger = function(burgerClass) {
|
||||
const burger = document.querySelector(`.${burgerClass}`);
|
||||
burger.addEventListener('click', () => {
|
||||
burger.classList.toggle('is-active');
|
||||
const menuId = burger.getAttribute('data-target');
|
||||
document.querySelector(`#${menuId}`).classList.toggle('is-active');
|
||||
});
|
||||
}
|
||||
/**
|
||||
*
|
||||
* @param {string} triggerId The ID of the trigger element
|
||||
|
||||
Reference in New Issue
Block a user