fix: truncate park name with ellipsis to prevent clash with dot and ride count
All checks were successful
Build and Deploy / Build & Push (push) Successful in 52s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-04-05 14:22:17 -04:00
parent ef3e57bd5a
commit fa269db3ef

View File

@@ -229,8 +229,8 @@ function ParkRow({
gap: 10,
}}>
<div style={{ minWidth: 0, flex: 1 }}>
<div style={{ display: "flex", alignItems: "center", gap: 6 }}>
<span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)" }}>
<div style={{ display: "flex", alignItems: "center", gap: 6, minWidth: 0 }}>
<span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
{park.name}
</span>
{rideCounts?.[park.id] !== undefined && (