Commit 4ceefa4
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> <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> </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
- pages/track-page/components/mobile
Lines changed: 5 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
32 | 32 | | |
33 | 33 | | |
34 | 34 | | |
| 35 | + | |
| 36 | + | |
| 37 | + | |
| 38 | + | |
| 39 | + | |
35 | 40 | | |
36 | 41 | | |
37 | 42 | | |
| |||
Lines changed: 2 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
5 | 5 | | |
6 | 6 | | |
7 | 7 | | |
| 8 | + | |
| 9 | + | |
8 | 10 | | |
9 | 11 | | |
10 | 12 | | |
| |||
0 commit comments