player: show volume slider only on icon hover

2026-04-18 06:30:24 +02:00
parent c8e8b80b75
commit 1b8083b087
2 changed files with 6 additions and 4 deletions
--- a/static/player.ts
+++ b/static/player.ts
@@ -501,12 +501,14 @@ const initPlayer = (): void => {
    showControls()
  })

-  volumeWrap?.addEventListener('mouseenter', () => {
+  muteBtn?.addEventListener('mouseenter', () => {
+    volumeWrap?.classList.add('show-volume')
    isHoveringVolume = true
    showControls()
  })

-  volumeWrap?.addEventListener('mouseleave', () => {
+  muteBtn?.addEventListener('mouseleave', () => {
+    volumeWrap?.classList.remove('show-volume')
    isHoveringVolume = false
    showControls()
  })