Skip to content

feat: album art mode#68

Merged
klay2000 merged 3 commits into
mainfrom
issue-56
Jun 14, 2026
Merged

feat: album art mode#68
klay2000 merged 3 commits into
mainfrom
issue-56

Conversation

@klay2000

Copy link
Copy Markdown
Owner

Summary

  • New "Album art mode" toggle in the player bar (icon next to the queue button) collapses the UI to a full-screen cover-art view.
  • Hovering (or tapping, for touch) shows controls: previous / play / pause / stop / next, plus a close button. Escape also exits.
  • New setting under Settings > Playback ("Album art mode player bar") chooses whether the seek bar/volume/queue stay visible underneath the art, or the art fills the whole viewport.
  • On the Tauri desktop app, entering the mode also shrinks the OS window to a small square (320x320) and restores its previous size on exit — new core:window permissions added to src-tauri/capabilities/default.json for this. No window-resize behavior on the web (CSS overlay only).

Fixes #56.

Test plan

  • Click the album-art-mode icon in the player bar; confirm the UI collapses to cover art
  • Hover over the art (or tap on touch) and confirm prev/play-pause/stop/next/close controls appear and work
  • Press Escape to exit
  • Toggle Settings > Playback > "Album art mode player bar" and confirm the player bar shows/hides accordingly while in the mode
  • On the desktop app, confirm the window shrinks to a small square on entry and restores its size on exit
  • npm run build and npm test pass

klay2000 added 3 commits June 12, 2026 22:13
Adds a toggle (next to the queue button in the player bar) that
collapses the UI into a full-screen cover-art view, with hover/tap
controls for previous, play/pause, stop, and next, plus a close
button or Escape to exit.

A new setting (Settings > Playback > "Album art mode player bar")
controls whether the seek bar, volume, and queue stay visible
underneath the art, or whether the art takes the whole viewport.

On the Tauri desktop app, entering the mode also shrinks the OS
window to a small square and restores its size on exit (no-op on
the web, where the overlay handles everything via CSS).
Add temporary notes documenting the focus-ring artifact investigation,
and add outline:none to the album art toggle button as the current
fix attempt.
…56)

The album-art window resize on Tauri could trigger a brief WebKitGTK
overlay scrollbar (from main's overflow-y), which renders above CSS
layers and wasn't covered by the album art overlay. Hide the app and
disable html/body overflow while album art mode is active to prevent
it.

Also scope album art mode to the desktop app only: hide the toggle
button in the browser and remove the now-unreachable player-bar
visibility setting and related code.
@klay2000 klay2000 merged commit 5107df1 into main Jun 14, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Album Art Mode

1 participant