Rewrite navbar (#1154)

Fixes #877, #872
This commit is contained in:
Dawid Potocki 2019-08-22 23:07:37 +00:00 committed by GitHub
parent 85efc93d4d
commit 8eb8cf5225
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 321 additions and 115 deletions

27
assets/js/main.js Normal file
View file

@ -0,0 +1,27 @@
//
// Navbar dropdowns
//
const navSections = document.querySelectorAll(".nav-details");
navSections.forEach(navSection => {
navSection.addEventListener("toggle", navSectionsToggle);
});
document.addEventListener("click", navSectionsClose);
function navSectionsToggle() {
// When opening next dropdown, hide previous
if (this.open) {
navSections.forEach(navSection => {
if (navSection != this && navSection.open) navSection.open = !open;
});
}
}
function navSectionsClose(event) {
// Hide all dropdowns when clicking in different place
if (event.target.matches(".nav-summary")) return;
navSections.forEach(navSection => {
navSection.open = !open;
});
}