vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: buttons when in visualizer only mode

Browse source
This commit is contained in:
Alan Brooks 2026-04-05 00:29:58 -04:00 committed by edideaur
parent 2bb06f1159
commit 9d1e4871e2
2 changed files with 22 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
js/ui.js
View file

@ -1582,29 +1582,20 @@ export class UIRenderer {
updateToggleButtonIcon();
if (isUIHidden) {
hideButton();
showButton();
} else {
showButton();
}
};
// Mouse move handler
const handleMouseMove = (e) => {
const rect = overlay.getBoundingClientRect();
const isNearTopRight = e.clientY < 100 && e.clientX > rect.width - 150;
if (isUIHidden) {
if (overlay.classList.contains('is-video-mode')) {
if (isNearTopRight) {
showButton();
} else {
hideButton();
}
} else if (isNearTopRight) {
showButton();
} else {
hideButton();
}
if (!isUIHidden) return;
const btnRect = toggleBtn.getBoundingClientRect();
const nearBtn = e.clientY < 100 && Math.abs(e.clientX - (btnRect.left + btnRect.width / 2)) < 150;
if (nearBtn) {
showButton();
} else {
hideButton();
}
};

14
styles.css
View file

@ -10465,6 +10465,20 @@ body:has(#side-panel.active) #close-fullscreen-cover-btn {
order: 1;
}
#fullscreen-cover-overlay.ui-hidden .fullscreen-top-actions {
opacity: 1;
pointer-events: auto;
transform: none;
}
#fullscreen-cover-overlay.ui-hidden .fullscreen-top-actions button,
#fullscreen-cover-overlay.ui-hidden .fullscreen-top-actions #close-fullscreen-cover-btn,
#fullscreen-cover-overlay.ui-hidden .fullscreen-top-actions #fs-visualizer-btn {
opacity: 1;
pointer-events: auto;
transform: none;
}
#fullscreen-cover-overlay #toggle-ui-btn {
top: 1.25rem;
left: calc(80px + 2.3rem + env(safe-area-inset-left));