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

fix: truncate long ride names with tooltip instead of wrapping

Browse Source 
Restores fixed-height ride rows with ellipsis truncation.
Adds title attribute so hovering shows the full name in a native tooltip.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-04-04 15:25:01 -04:00
parent e9da6f3120
commit c1e42d6aa1
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/park/[id]/page.tsx
View File

@@ -318,7 +318,7 @@ function RideRow({ ride, parkHoursLabel }: { ride: RideStatus; parkHoursLabel?:
background: ride.isOpen ? "var(--color-open-text)" : "var(--color-text-dim)", background: ride.isOpen ? "var(--color-open-text)" : "var(--color-text-dim)",
flexShrink: 0, flexShrink: 0,
}} /> }} />
<span style={{ <span title={ride.name} style={{
fontSize: "0.8rem", fontSize: "0.8rem",
color: ride.isOpen ? "var(--color-text)" : "var(--color-text-muted)", color: ride.isOpen ? "var(--color-text)" : "var(--color-text-muted)",
fontWeight: ride.isOpen ? 500 : 400, fontWeight: ride.isOpen ? 500 : 400,

2
components/LiveRidePanel.tsx
View File

@@ -162,7 +162,7 @@ function RideRow({ ride }: { ride: LiveRide }) {
background: ride.isOpen ? "var(--color-open-text)" : "var(--color-text-dim)", background: ride.isOpen ? "var(--color-open-text)" : "var(--color-text-dim)",
flexShrink: 0, flexShrink: 0,
}} /> }} />
<span style={{ <span title={ride.name} style={{
fontSize: "0.8rem", fontSize: "0.8rem",
color: ride.isOpen ? "var(--color-text)" : "var(--color-text-muted)", color: ride.isOpen ? "var(--color-text)" : "var(--color-text-muted)",
fontWeight: ride.isOpen ? 500 : 400, fontWeight: ride.isOpen ? 500 : 400,