em/mixtape
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Add basic column view

Browse Source
This commit is contained in:
Emil Miler
2025-12-30 16:57:07 +01:00
parent 9aa925359e
commit 8df4e1fa53
4 changed files with 39 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
static/js/song-controls.js
View File

@@ -53,6 +53,23 @@ controls.querySelector("#font-size-increase").addEventListener("click", () => pa
controls.querySelector("#font-size-decrease").addEventListener("click", () => pageScale(-0.1));
controls.querySelector("#font-size-reset").addEventListener("click", () => pageScale(0));
// Column view
const iframe = document.querySelector("iframe.song");
iframe.addEventListener("load", () => {
const root = iframe.contentDocument.documentElement;
if (localStorage.getItem("column-view") === "on") {
root.classList.add("column-view");
}
controls
.querySelector("#column-view-toggle")
.addEventListener("click", () => {
const enabled = root.classList.toggle("column-view");
localStorage.setItem("column-view", enabled ? "on" : "off");
});
});
// Display the controls on JS-enabled browsers
window.addEventListener("load", () => controls.classList.remove = "hidden");