feature: right menu + styling fixes

This commit is contained in:
Jean-Baptiste Pasquier
2021-01-22 14:50:03 +01:00
parent 65738f75b0
commit 9a463c87e7
8 changed files with 33 additions and 17 deletions

View File

@ -15,6 +15,10 @@ function closeUserControls() {
Array.from(document.querySelectorAll(".views-container")).forEach(vC =>
vC.classList.toggle("sidebar-is-closed")
);
Array.from(document.querySelectorAll(".jsOffsiteToggle")).forEach(el => {
el.querySelector('.text-right').setAttribute('hidden', '');
el.querySelector('.text-left').removeAttribute('hidden');
});
Array.from(rightMenu).forEach(el => el.removeAttribute("open"));
}
}
@ -22,6 +26,10 @@ function closeUserControls() {
function openRightMenu() {
let rightMenu = document.querySelectorAll(".jsRightMenu");
Array.from(rightMenu).forEach(el => el.setAttribute("open", ""));
Array.from(document.querySelectorAll(".jsOffsiteToggle")).forEach(el => {
el.querySelector('.text-left').setAttribute('hidden', '');
el.querySelector('.text-right').removeAttribute('hidden');
});
Array.from(document.querySelectorAll(".views-container")).forEach(vC =>
vC.classList.toggle("sidebar-is-closed")
);
@ -72,8 +80,7 @@ document.addEventListener("DOMContentLoaded", function() {
closeLeftMenu();
}
if (
!event.target.className.includes("jsMobileSidebarOpenButton") &&
!event.target.className.includes("jsOffsiteToggle")
!event.target.closest(".jsOffsiteToggle")
) {
closeRightMenu();
}