yonlu/yellowjacket
1
1
Fork 0
Code Issues 55 Pull Requests 6 Actions Packages Projects Releases 12 Wiki Activity

Desktop: bring the full-screen Now Playing view to desktop #11

New Issue
Open
opened 2026-08-18 05:53:05 +00:00 by logan · 0 comments
logan commented 2026-08-18 05:53:05 +00:00
Collaborator
Copy Link
Copy Source

Report

The mobile full-screen Now Playing view should exist on desktop too, and should be laid out well at every screen size — not just a stretched phone layout.

Findings

  • frontend/src/components/now-playing-view/now-playing-view.ts already exists and composes the real <seek-bar>, <player-controls> and <volume-control>. It is registered in DETAIL_LOADERS in frontend/index.ts.
  • It is currently reached only from a phone-only button over the mini player art, and while it is up index.css hides the bottom bar via body:has(#main-content[data-active-view="now-playing"]).

Direction

Add a desktop entry point (click the art / a keyboard shortcut / a transport button), and give the view a wide layout: art on one side, metadata + transport + queue on the other. Keep the composition rule — it must keep using the real transport components rather than reimplementing them. Pairs with the lyrics-view request.

**Report** The mobile full-screen Now Playing view should exist on desktop too, and should be laid out well at every screen size — not just a stretched phone layout. **Findings** - `frontend/src/components/now-playing-view/now-playing-view.ts` already exists and composes the real `<seek-bar>`, `<player-controls>` and `<volume-control>`. It is registered in `DETAIL_LOADERS` in `frontend/index.ts`. - It is currently reached only from a phone-only button over the mini player art, and while it is up `index.css` hides the bottom bar via `body:has(#main-content[data-active-view="now-playing"])`. **Direction** Add a desktop entry point (click the art / a keyboard shortcut / a transport button), and give the view a wide layout: art on one side, metadata + transport + queue on the other. Keep the composition rule — it must keep using the real transport components rather than reimplementing them. Pairs with the lyrics-view request.
logan added the Area/PlayerKind/FeaturePlatform/Desktop
Priority
Medium
3
 labels 2026-08-18 14:36:05 +00:00
logan added a new dependency 2026-08-18 14:37:37 +00:00
#44 Full-screen Now Playing should have a lyrics view
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Area/Design
Area/Downloads
Area/Explore
Area/Library-UI
Area/Metadata
Area/Packaging
Area/Player
Area/Queue
Area/Settings
Area/Shell-Nav
Compat/Breaking
Breaking change that won't be backward compatible
 Kind/Bug
Something is not working
 Kind/Documentation
Documentation changes
 Kind/Enhancement
Improve existing functionality
 Kind/Feature
New functionality
 Kind/Security
This is security issue
 Kind/Testing
Issue or pull request related to testing
 Platform/Android
Platform/Desktop
Priority
Critical
1
The priority is critical
Priority
High
2
The priority is high
Priority
Medium
3
The priority is medium
Priority
Low
4
The priority is low
Reviewed
Confirmed
1
Issue has been confirmed
Reviewed
Duplicate
2
This issue or pull request already exists
Reviewed
Invalid
3
Invalid issue
Reviewed
Won't Fix
3
This issue won't be fixed
Status
Blocked
1
Something is blocking this issue or pull request
Status
Need More Info
2
Feedback is required to reproduce issue or to continue work
Status
Abandoned
3
Somebody has started to work on this but abandoned work
Status
In Progress
Somebody is actively working on this right now
No labels Area/Player Kind/Feature Platform/Desktop
Priority
Medium
3
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
logan yonlu
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Blocks
#44 Full-screen Now Playing should have a lyrics view
yonlu/yellowjacket
Reference: yonlu/yellowjacket#11