fix: clamp long track titles in analytics cards (#1265)

audio streaming app plyr.fm

Long titles (e.g. "It's Three O'Clock In the Morning and My Mom Is
Trying to Kill Me (First Person Story, RITUALS 2026)") overflowed the
"most played" and "most liked" analytics cards, pushing content past the
card boundaries and overlapping adjacent elements.

Clamp .top-item-title to 2 lines with ellipsis overflow. Bumped
line-height from 1 to 1.3 so the two visible lines have readable
spacing instead of touching.

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

authored by

nate nowack

Claude Opus 4.6 (1M context) and committed by

GitHub 2 months ago 43ca2fcc b0c801a0

+6 -1

1 changed file

expand all

frontend

src

routes

[handle]

+page.svelte

+6 -1

frontend/src/routes/u/[handle]/+page.svelte

··· 1072 1072 color: var(--text-primary); 1073 1073 margin: 0.5rem 0; 1074 1074 font-weight: 500; 1075 - line-height: 1; 1075 + line-height: 1.3; 1076 + display: -webkit-box; 1077 + -webkit-line-clamp: 2; 1078 + line-clamp: 2; 1079 + -webkit-box-orient: vertical; 1080 + overflow: hidden; 1076 1081 } 1077 1082 1078 1083 .top-item-plays {

Configure Feed

Configure Feed