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

* feat(tracks): distinct circular song cards with jump-to-album badge

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.

* i18n(tracks): add toAlbum label across 9 locales

* docs(changelog): track-card redesign + to-album badge (#953)
This commit is contained in:
Frank Stellmacher
2026-06-02 20:34:54 +02:00
committed by GitHub
parent 47832632fd
commit cc04a0c93d
13 changed files with 100 additions and 10 deletions
+22
View File
@@ -24,3 +24,25 @@
color: var(--text-muted);
}
/* ─── Circular cover utility ───
Shared round-cover treatment so circular cover art (single-track cards today,
reusable elsewhere) is defined once instead of re-rolling border-radius:50% per
component. Carries the paint-stability hints round image clipping needs on
WebKitGTK/Wayland — mirrors the artist-card avatar (see artist-card-grid-view.css). */
.cover-circle {
position: relative;
aspect-ratio: 1;
overflow: hidden;
border-radius: var(--radius-full);
background: var(--bg-hover);
contain: paint;
isolation: isolate;
transform: translateZ(0);
}
.cover-circle img {
width: 100%;
height: 100%;
object-fit: cover;
}