polish: clamp park column width, prevent park name line wrap
All checks were successful
Build and Deploy / Build & Push (push) Successful in 59s
All checks were successful
Build and Deploy / Build & Push (push) Successful in 59s
Column uses clamp(220px, 22%, 280px) — scales on small screens, caps at 280px on large ones. Park name gets whiteSpace:nowrap so it stays one line. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -229,7 +229,7 @@ function ParkRow({
|
||||
}}>
|
||||
<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)" }}>
|
||||
<span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)", whiteSpace: "nowrap" }}>
|
||||
{park.name}
|
||||
</span>
|
||||
{rideCounts?.[park.id] !== undefined && (
|
||||
@@ -294,7 +294,7 @@ export function WeekCalendar({ parks, weekDates, data, grouped, rideCounts, coas
|
||||
tableLayout: "fixed",
|
||||
}}>
|
||||
<colgroup>
|
||||
<col style={{ width: "25%" }} />
|
||||
<col style={{ width: "clamp(220px, 22%, 280px)" }} />
|
||||
{weekDates.map((d) => (
|
||||
<col key={d} style={{ width: 130 }} />
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user