Files
Trilium/packages/share-theme/src/scripts/modules/expanders.ts
2025-06-09 14:54:04 +03:00

33 lines
1.2 KiB
TypeScript

// In case a linked article lead to a new tree
// const activeLink = document.querySelector("#menu a.active");
// if (activeLink) {
// let parent = activeLink.parentElement;
// const mainMenu = document.getElementById("#menu");
// while (parent && parent !== mainMenu) {
// if (parent.matches(".submenu-item") && !parent.classList.contains("expanded")) {
// parent.classList.add("expanded");
// }
// parent = parent.parentElement;
// }
// }
export default function setupExpanders() {
const expanders = Array.from(document.querySelectorAll("#menu .submenu-item .collapse-button"));
for (const expander of expanders) {
const li = expander.parentElement?.parentElement;
if (!li) {
continue;
}
expander.addEventListener("click", e => {
if ((e.target as Element).closest(".submenu-item,.item") !== li) return;
e.preventDefault();
e.stopPropagation();
const ul = li.querySelector("ul")!;
ul.style.height = `${ul.scrollHeight}px`;
setTimeout(() => li.classList.toggle("expanded"), 1);
setTimeout(() => ul.style.height = ``, 200);
});
}
}