Skip to content

Commit 4ceefa4

Browse files
cursor[bot]cursoragentraymondjacobson
authored
Fix track page title overflow for long unbroken strings (#14127)
## Summary - Fixes track-page hero title overflow when a track title is a very long single token (no spaces) - Applies emergency word wrapping only for title elements so words break only when necessary ## Changes - `packages/web/src/components/track/GiantTrackTile.module.css` - Added `max-width: 100%` and `overflow-wrap: anywhere` to `.titleHeader` - `packages/web/src/pages/track-page/components/mobile/TrackHeader.module.css` - Added `max-width: 100%` and `overflow-wrap: anywhere` to `.title` ## Validation - Verified diff is scoped to CSS title styles only - Confirmed fix covers both desktop and mobile track-page headers <div><a href="https://cursor.com/agents/bc-ba906b3f-f86d-538c-a5e5-0c62a16b7f67"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-web-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-web-light.png"><img alt="Open in Web" width="114" height="28" src="https://cursor.com/assets/images/open-in-web-dark.png"></picture></a>&nbsp;<a href="https://cursor.com/automations/c63aa103-66df-4558-b31d-675358e5c6a1"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/view-automation-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/view-automation-light.png"><img alt="View Automation" width="141" height="28" src="https://cursor.com/assets/images/view-automation-dark.png"></picture></a>&nbsp;</div> Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: Ray Jacobson <raymondjacobson@users.noreply.github.com>
1 parent 1b1c38a commit 4ceefa4

2 files changed

Lines changed: 7 additions & 0 deletions

File tree

packages/web/src/components/track/GiantTrackTile.module.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,11 @@
3232
align-items: flex-start;
3333
}
3434

35+
.titleHeader {
36+
max-width: 100%;
37+
overflow-wrap: anywhere;
38+
}
39+
3540
.playSection {
3641
align-items: center;
3742
}

packages/web/src/pages/track-page/components/mobile/TrackHeader.module.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@
55
font-weight: var(--harmony-font-bold);
66
line-height: 25px;
77
text-align: center;
8+
max-width: 100%;
9+
overflow-wrap: anywhere;
810
}
911

1012
.titleArtistSection {

0 commit comments

Comments
 (0)