Skip to content

Distinct circular song cards with jump-to-album badge#953

Merged
Psychotoxical merged 3 commits into
mainfrom
fix/song-card-distinct-look
Jun 2, 2026
Merged

Distinct circular song cards with jump-to-album badge#953
Psychotoxical merged 3 commits into
mainfrom
fix/song-card-distinct-look

Conversation

@Psychotoxical
Copy link
Copy Markdown
Owner

Summary

  • Single-track cards looked identical to album tiles, so clicking the body read as album behaviour even though it starts playback. They now use a round, vinyl-style cover (square stays album-only) so the two are unmistakable.
  • New To album badge under the artist navigates to the track's album (via the shared useNavigateToAlbum helper). Card click still plays; the badge is the explicit nav path, so the Play button is no longer redundant.
  • Round-cover treatment factored into a reusable .cover-circle utility (layout/cover-art.css) instead of a one-off; carries the paint-stability hints round image clipping needs on WebKitGTK.
  • tracks.toAlbum added across all 9 locales.

Test plan

  • Home and Tracks discovery rails: track cards render as circular discs, album/artist cards unchanged.
  • Clicking a track card still plays; the badge opens the track's album and back returns to the rail.
  • Badge hidden when a track has no album id.

Notes

  • Frontend only — no Tauri boundary change.

Single-track cards looked identical to album tiles, so clicking the body
read as album behaviour even though it starts playback. Give them a round
vinyl-style cover (square stays album-only) via a shared .cover-circle
utility, and add a 'To album' badge under the artist that navigates to the
track's album. Card click still plays; the badge is the explicit nav path.
@Psychotoxical Psychotoxical merged commit cc04a0c into main Jun 2, 2026
4 checks passed
@Psychotoxical Psychotoxical deleted the fix/song-card-distinct-look branch June 2, 2026 18:34
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.

1 participant