chrisp/brackt
1
1
Fork 0
Code Issues 42 Pull requests Projects Releases Packages Wiki Activity Actions

Fix horizontal scroll on league page from long event names (#360)

Browse source 
Add min-w-0 to Link wrapper and overflow-hidden to SportRow flex
container so grid/flex children can shrink below intrinsic content
size, allowing truncate to work properly on mobile.
This commit is contained in:
Chris Parsons 2026-04-30 10:51:14 -07:00 • committed by GitHub
parent 437ac2ce24
commit d0998458c9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
AGENTS.md
View file

@ -7,6 +7,7 @@ Brackt.com is a fantasy sports drafting platform (React Router 7 + SSR, Socket.I
```bash ```bash
npm run dev # development with HMR npm run dev # development with HMR
npm run typecheck # TypeScript check npm run typecheck # TypeScript check
npm run lint # lint check (run alongside typecheck after edits)
npm run db:generate # generate Drizzle migration npm run db:generate # generate Drizzle migration
npm run db:migrate # apply migrations npm run db:migrate # apply migrations
npm run test:run # unit tests (once) npm run test:run # unit tests (once)

4
app/components/league/SportsSeasonsSummary.tsx
View file

@ -169,7 +169,7 @@ function SportRow({
const inner = ( const inner = (
<div <div
className={`group flex gap-3 rounded-lg px-3 py-2.5 transition-colors ${ className={`group flex gap-3 rounded-lg px-3 py-2.5 overflow-hidden transition-colors ${
isCompleted isCompleted
? "hover:bg-white/[0.04] opacity-70 hover:opacity-100" ? "hover:bg-white/[0.04] opacity-70 hover:opacity-100"
: "hover:bg-white/[0.06]" : "hover:bg-white/[0.06]"
@ -206,7 +206,7 @@ function SportRow({
return ( return (
<Link <Link
to={`/leagues/${leagueId}/sports-seasons/${item.id}`} to={`/leagues/${leagueId}/sports-seasons/${item.id}`}
className="block" className="block min-w-0"
aria-label={`${item.sportName} — ${item.seasonName}`} aria-label={`${item.sportName} — ${item.seasonName}`}
> >
{inner} {inner}