fix(cards): selection ring clipping on browse grids (WebKitGTK) (#962)

* fix(artists): inset selection ring on grid cards, stop composer hover clip

Artist multi-select used a positive outline-offset that clipped in the
first grid row and sat outside the card border on hover. Match album
cards with an inset ring; drop composer-card hover translateY that
sheared the top edge in the in-page scrollport.

Reported by zunoz (v1.47.0-rc.3).

* fix(cards): selection ring via inset ::after overlay on WebKitGTK grids

Replace outline-based multi-select rings on album/artist/playlist cards
with the same inset ::after box-shadow pattern used for card focus rings
(card.css) — avoids clipping and the 1px gap vs the inner border on
overflow:hidden tiles in All Albums and related browse grids.

* docs: note browse grid selection ring fix in CHANGELOG (PR #962)

* docs(changelog): credit zunoz on Psysonic Discord for PR #962
This commit is contained in:
cucadmuh
2026-06-03 22:38:57 +03:00
committed by GitHub
parent a07e8e9593
commit c683b5e37b
6 changed files with 44 additions and 17 deletions
@@ -34,7 +34,6 @@
.composer-card:hover {
border-color: var(--accent);
background: var(--bg-hover);
transform: translateY(-1px);
box-shadow: 0 4px 12px -6px rgba(0, 0, 0, 0.4);
}