mirror of
https://github.com/kilyabin/psysonic.git
synced 2026-07-22 14:35:41 +00:00
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:
committed by
GitHub
parent
47832632fd
commit
cc04a0c93d
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user