glanceapp/glance
1
1
Fork 0
mirror of https://github.com/glanceapp/glance.git synced 2024-12-15 09:34:26 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix viewport offset after collapsing

Browse Source
This commit is contained in:
Svilen Markov 2024-05-16 21:17:10 +01:00
parent 36f8eac3e4
commit 8977114806
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
internal/assets/static/main.js
View File

@ -197,17 +197,30 @@ function setupCollapsibleLists() {
button.classList.add("list-collapsible-label"); button.classList.add("list-collapsible-label");
button.append(textNode, arrowElement); button.append(textNode, arrowElement);
button.addEventListener("click", () => { button.addEventListener("click", () => {
expanded = !expanded;
if (expanded) { if (expanded) {
listElement.classList.remove("list-collapsible-expanded");
button.classList.remove("list-collapsible-label-expanded");
textNode.nodeValue = showMoreText;
} else {
listElement.classList.add("list-collapsible-expanded"); listElement.classList.add("list-collapsible-expanded");
button.classList.add("list-collapsible-label-expanded"); button.classList.add("list-collapsible-label-expanded");
textNode.nodeValue = showLessText; textNode.nodeValue = showLessText;
return;
} }
expanded = !expanded; const topBefore = button.getClientRects()[0].top;
listElement.classList.remove("list-collapsible-expanded");
button.classList.remove("list-collapsible-label-expanded");
textNode.nodeValue = showMoreText;
const topAfter = button.getClientRects()[0].top;
if (topAfter > 0)
return;
window.scrollBy({
top: topAfter - topBefore,
behavior: "instant"
});
}); });
listElement.after(button); listElement.after(button);