ari/arimelody.me
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fixed bug in music gateway extras sidebar

Browse source 
Signed-off-by: ari melody <ari@arimelody.me>
This commit is contained in:
ari melody 2024-03-21 13:19:16 +00:00
parent 77516e3d34
commit f42c4067f2
1 changed files with 2 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/script/music-gateway.js
View file

@ -28,20 +28,18 @@ function apply_funny_bob_to_upcoming_tags() {
} }
} }
const extras_pairs = Array.from(document.querySelectorAll("div#info > div").values().map(container => { const extras_pairs = Array.from(document.querySelectorAll("div#info > div").values()).map(container => {
return { return {
container, container,
button: document.getElementById("extras").querySelector(`ul li a[href="#${container.id}"]`) button: document.getElementById("extras").querySelector(`ul li a[href="#${container.id}"]`)
}; };
})); });
const info_container = document.getElementById("info") const info_container = document.getElementById("info")
info_container.addEventListener("scroll", update_extras_buttons); info_container.addEventListener("scroll", update_extras_buttons);
function update_extras_buttons() { function update_extras_buttons() {
console.clear();
const info_rect = info_container.getBoundingClientRect(); const info_rect = info_container.getBoundingClientRect();
const info_y = info_rect.y; const info_y = info_rect.y;
const font_size = parseFloat(getComputedStyle(document.documentElement).fontSize); const font_size = parseFloat(getComputedStyle(document.documentElement).fontSize);
console.log("info_y: " + info_y);
let current = extras_pairs[0]; let current = extras_pairs[0];
extras_pairs.forEach(pair => { extras_pairs.forEach(pair => {
pair.button.classList.remove("active"); pair.button.classList.remove("active");
@ -50,7 +48,6 @@ function update_extras_buttons() {
info_rect.height / 2 + info_rect.height / 2 +
4 * font_size; 4 * font_size;
if (scroll_diff <= 0) current = pair; if (scroll_diff <= 0) current = pair;
console.log(`${pair.container.id}: ${scroll_diff}`);
}) })
current.button.classList.add("active"); current.button.classList.add("active");
} }