Desktop: click the mini album art to pin a large album art view #10

Open
opened 2026-08-18 05:53:05 +00:00 by logan · 0 comments
Collaborator

Report

Hovering the album art in the bottom-left gives a larger preview. I want to left-click it to toggle a persistent large album art view that stays at the bottom left — it could use the sidebar's space, for instance.

Findings

  • The hover enlargement lives with the mini player (frontend/src/components/now-playing/).
  • The shell is a CSS grid with named areas in frontend/index.css; the sidebar already has a collapsed icon mode below 900px, so a mode where the sidebar's lower half becomes the art panel is expressible in that grid.

Direction

A toggle persisted in the theme/UI settings. Decide whether it replaces the sidebar region or expands the player region — the latter avoids taking away navigation. Relates to the full-screen now-playing view request (that is the other end of the same spectrum).

**Report** Hovering the album art in the bottom-left gives a larger preview. I want to left-click it to *toggle* a persistent large album art view that stays at the bottom left — it could use the sidebar's space, for instance. **Findings** - The hover enlargement lives with the mini player (`frontend/src/components/now-playing/`). - The shell is a CSS grid with named areas in `frontend/index.css`; the sidebar already has a collapsed icon mode below 900px, so a mode where the sidebar's lower half becomes the art panel is expressible in that grid. **Direction** A toggle persisted in the theme/UI settings. Decide whether it replaces the sidebar region or expands the player region — the latter avoids taking away navigation. Relates to the full-screen now-playing view request (that is the other end of the same spectrum).
logan added the Area/PlayerKind/FeaturePlatform/Desktop
Priority
Low
4
labels 2026-08-18 14:36:05 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: yonlu/yellowjacket#10