Skip to content

style: redesign map tooltips with rich structured layout#170

Closed
texture-fleet-agent[bot] wants to merge 1 commit intomainfrom
meridian/tooltip-redesign
Closed

style: redesign map tooltips with rich structured layout#170
texture-fleet-agent[bot] wants to merge 1 commit intomainfrom
meridian/tooltip-redesign

Conversation

@texture-fleet-agent
Copy link
Copy Markdown
Contributor

Redesigns all map tooltips to match Nick's cleaner design with a structured, data-rich layout.

Changes

  • New MapTooltip.tsx with 6 entity-specific tooltip components
  • Kicker label (entity type in mono uppercase, accent color)
  • Bold entity name in brand font
  • 2-column stat grid with mono labels (customers, state, capacity, voltage, etc.)
  • "View details →" CTA
  • Entity types covered: territories, grid operators, transmission lines, EV charging, pricing nodes, power plants
  • Inline styles for reliable rendering inside InteractiveMap tooltip container

Before

Simple two-line tooltips (name + subtitle)

After

Rich card-style tooltips matching the homepage aesthetic

Per Nick's design in #commongrid.

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 25, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
commongrid Ready Ready Preview, Comment Apr 25, 2026 3:20am

Request Review

- New MapTooltip component with kicker label, stat grid, outlined CTA
- Entity-specific tooltips: Territory, Grid Operator, Transmission, EV Charging, Pricing Node, Power Plant
- Territory tooltip shows Customers, ISO/RTO (baCode), State, Segment in 2x2 grid
- Segment labels map full enum values (DISTRIBUTION_COOPERATIVE → 'Distribution Co-op')
- 'View details →' styled as outlined pill button matching Nick's design
- Tile prep script updated to include baCode for territory tiles
- Replaces old plain-text tooltips across all map layers
@texture-fleet-agent texture-fleet-agent Bot force-pushed the meridian/tooltip-redesign branch from 5391a48 to c4decd1 Compare April 25, 2026 03:18
texture-fleet-agent Bot pushed a commit that referenced this pull request Apr 25, 2026
- New MapTooltip component with kicker label, stat grid, outlined CTA
- Entity-specific tooltips for all 6 entity types
- Territory tooltip shows Customers, ISO/RTO, State, Segment in 2x2 grid
- Segment label mapping for full enum values
- Tile prep script includes baCode for next tile rebuild
@texture-fleet-agent
Copy link
Copy Markdown
Contributor Author

Closing — the tooltip redesign changes in this PR have already been incorporated into main through subsequent commits (including border/shadow fixes, hover trigger changes, and MapTooltip component updates). No diff remaining between this branch and main after rebase.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant