fix: constrain ride count width so text wraps within its own box
All checks were successful
Build and Deploy / Build & Push (push) Successful in 56s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-04-05 15:48:53 -04:00
parent b2ef342bf4
commit a5b98f93e6

View File

@@ -254,7 +254,7 @@ function ParkRow({
</div>
)}
{!isWeatherDelay && rideCounts?.[park.id] !== undefined && (
<div style={{ fontSize: "0.72rem", color: isClosing ? "var(--color-closing-hours)" : "var(--color-open-hours)", fontWeight: 600, textAlign: "right", whiteSpace: "nowrap" }}>
<div style={{ fontSize: "0.72rem", color: isClosing ? "var(--color-closing-hours)" : "var(--color-open-hours)", fontWeight: 600, textAlign: "right", maxWidth: 72, lineHeight: 1.3 }}>
{rideCounts[park.id]} {coastersOnly
? (rideCounts[park.id] === 1 ? "coaster" : "coasters")
: (rideCounts[park.id] === 1 ? "ride" : "rides")} operating