josh/SixFlagsSuperCalendar
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: josh:e405170c8bc3585deaa286ac2389a8a57ea767de
Branches Tags
josh:main
..
compare: josh:a5b98f93e6ca343c4365b873bc70c5f4c3decc3e
Branches Tags
josh:main

2 Commits
e405170c8b ... a5b98f93e6

Author SHA1 Message Date
Josh Wright
a5b98f93e6 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
Details 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-05 15:48:53 -04:00
Josh Wright
b2ef342bf4 fix: ride count now wraps below park name instead of colliding 
Removed flex:1 from left side so ride count has a real minimum width to
trigger wrapping. Added whiteSpace:nowrap so flexbox knows when to wrap it.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-05 15:45:49 -04:00
1 changed files with 2 additions and 2 deletions
Expand all files Collapse all files

4
components/WeekCalendar.tsx
View File

@@ -238,7 +238,7 @@ function ParkRow({
padding: "10px 14px",
gap: 10,
}}>
<div style={{ minWidth: 0, flex: 1 }}>
<div style={{ minWidth: 0 }}>
<div style={{ display: "flex", alignItems: "center", gap: 6 }}>
<span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)", whiteSpace: "nowrap" }}>
{park.name}
@@ -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" }}>
<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