Merge branch 'master' into release/hubl-722
This commit is contained in:
commit
d2c105ec2a
11
src/scripts/menu-toggle.js
Normal file
11
src/scripts/menu-toggle.js
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
document.addEventListener("DOMContentLoaded", () => {
|
||||||
|
const menuWrappers = Array.from(document.querySelectorAll(".menu-wrapper"));
|
||||||
|
|
||||||
|
//- Toggle sub-menus
|
||||||
|
menuWrappers.forEach(menuWrapper => {
|
||||||
|
const menu = menuWrapper.querySelector(".menu");
|
||||||
|
menu.addEventListener("click", e => {
|
||||||
|
menuWrapper.classList.toggle("is-closed");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
@ -61,7 +61,7 @@ solid-dashboard section {
|
|||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.jsLeftMenu {
|
&.jsLeftMenu {
|
||||||
|
@ -13,13 +13,21 @@
|
|||||||
|
|
||||||
solid-router {
|
solid-router {
|
||||||
.menu-wrapper {
|
.menu-wrapper {
|
||||||
&.is-closed {
|
.menu-icon.icon-arrow-up {
|
||||||
.sub-menu {
|
visibility: hidden;
|
||||||
display: none;
|
}
|
||||||
|
@include breakpoint(lg) {
|
||||||
|
.menu-icon.icon-arrow-up {
|
||||||
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
&.is-closed {
|
||||||
|
.sub-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.menu-chevron {
|
.menu-chevron {
|
||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user