Skip to content

fix(web): quick-view header layout + VIN copy row#84

Merged
JamesReate merged 1 commit into
mainfrom
fix/quick-view-header-vin
Jul 9, 2026
Merged

fix(web): quick-view header layout + VIN copy row#84
JamesReate merged 1 commit into
mainfrom
fix/quick-view-header-vin

Conversation

@JamesReate

Copy link
Copy Markdown
Member

What

Map view → click a vehicle → the quick-view panel:

  • Real-time pill can no longer cover the title. It moves out of the title row down to a row it shares with Token #… (pill right-aligned). The title span also gets real ellipsis (text-overflow doesn't apply to flex containers, which is why long Year Make Model names ran under the pill) plus a hover tooltip with the full name.
  • VIN under Token #, same text style, with a click-to-copy icon (flashes ✓ for 1.5s; state resets when switching vehicles). The old small VIN pill next to the license plate is removed as redundant — the plate pill stays.
  • es: "Add by wallet address" → „Agregar por dirección de Wallet 0x" (requested wording).

"Copy VIN" was already in the es catalog, so no new translations needed.

Notes

  • tsc / eslint / vite build / localize drift all clean.

🤖 Generated with Claude Code

https://claude.ai/code/session_01UxoaxTXSLqUwkYfewdwGBM

The real-time pill shared the title row with the vehicle name, and long
Year Make Model titles ran underneath it (flex containers don't
ellipsize). The pill moves down beside the Token # line — its own row,
so it can never cover the title — and the title span now truncates
properly with a hover tooltip for the full name.

Below Token #, the VIN renders in the same style with a click-to-copy
button (icon flashes a check; resets on vehicle switch). The old VIN
pill next to the license plate is dropped as redundant.

Also: the Spanish "Add by wallet address" label now reads
"Agregar por dirección de Wallet 0x" (requested wording).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UxoaxTXSLqUwkYfewdwGBM
@JamesReate JamesReate merged commit 8a3b9f1 into main Jul 9, 2026
4 of 5 checks passed
@JamesReate JamesReate deleted the fix/quick-view-header-vin branch July 9, 2026 15:05
JamesReate added a commit that referenced this pull request Jul 9, 2026
Prod release: quick-view header layout fix + VIN copy row (#84).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UxoaxTXSLqUwkYfewdwGBM
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