autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: various menu fixes & improvements

Browse Source
This commit is contained in:
Jean-Baptiste Pasquier
2021-04-06 13:24:07 +02:00
parent dba3f11cd2
commit aa236d0604
10 changed files with 165 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/scripts/menu-search-control.js
View File

@ -6,7 +6,33 @@ document.addEventListener("DOMContentLoaded", () => {
const menuSub = menuTab.querySelector('.jsMenuSub');
const menuOption = menuTab.querySelector('.jsMenuOption');
const menuAdmin = menuTab.querySelector('.jsMenuAdmin');
const isParent = (refNode, otherNode) => {
var parent = otherNode.parentNode;
do {
if (refNode == parent) {
return true;
} else {
parent = parent.parentNode;
}
} while (parent);
return false;
}
if (menuAdmin) {
menuAdmin.addEventListener("mouseover", function (ev) {
if (!isParent(this, ev.relatedTarget) && ev.target == this) {
menuAdmin.classList.toggle('hidden', false);
}
}, false);
menuAdmin.addEventListener("mouseout", function (ev) {
if (!isParent(this, ev.relatedTarget) && ev.target == this) {
menuAdmin.classList.toggle('hidden', true);
}
}, false);
menuAdmin.querySelector('solid-link').addEventListener('click', e => {
menuAdmin.classList.toggle('hidden', true);
});
}
menuHeader.addEventListener('click', e => {
menuArrow.classList.toggle('transform-up');
menuSub.classList.toggle('hidden');
@ -16,13 +42,15 @@ document.addEventListener("DOMContentLoaded", () => {
e.stopPropagation();
});
});
const searchForm = document.querySelector('.menu-search');
searchForm.addEventListener('formChange', () => {
if(document.querySelector('.menu-search input').value != "") {
searchForm.style.backgroundColor = "#202B3C"; //- Put overriden color here
if (document.querySelector('.menu-search input').value != "") {
searchForm.style.backgroundColor = "#202B3C";
document.querySelector('#main__menu').classList.toggle('searching', true);
} else {
searchForm.style.backgroundColor = "var(--color-heading)"; //- Put default color here
searchForm.style.backgroundColor = "var(--color-heading)";
document.querySelector('#main__menu').classList.toggle('searching', false);
}
})
});