mirror of
https://github.com/openfrontio/OpenFrontIO.git
synced 2026-07-25 06:48:32 +00:00
ecf3227664
## Summary
Reworks the subscription tiles in the store's Subscriptions tab to
advertise perks more clearly:
- **"Verified username" added as a benefit on every tier** — subscribers
get their account username reserved plus a verified badge in-game.
- Perks render as a **left-aligned list with green checkmarks**, one
line each ("Verified username", "Unlimited ranked", "Public lobbies" —
the latter two still shown only on tiers that include them).
- The tile no longer renders the subscription description; the freed
space centers the daily currency amounts + perk list.
- **In-depth perk explanations moved to the "?" hover tooltip**
(`cosmetic-info`), each as a bold label + sentence, wrapping at a fixed
width.
## Tooltip clipping fix
The "?" tooltip was clipped at the card boundary because
`cosmetic-container` sets `overflow: hidden` on its host (needed to clip
the epic/legendary shimmer sweep). Now:
- The host allows overflow; the shimmer is clipped by its own rounded
`inset: 0` wrapper instead, so the sweep still cuts off exactly at the
card edge.
- Any hovered tile raises its `z-index` above siblings (previously only
legendary tiles did, for the scale-up effect) so the tooltip paints
above neighboring cards.
## i18n
New keys in `en.json`: `cosmetics.verified_name`, plus `*_info`
explanations for verified username, unlimited ranked, and public
lobbies. `cosmetics.public_lobbies` shortened to "Public lobbies".
## Test plan
- [ ] Store → Subscriptions: tiles show checkmarked one-line perks, no
description
- [ ] Hover "?" on a subscription tile: tooltip shows perk explanations,
extends past the card without clipping, and renders above neighboring
tiles
- [ ] Epic/legendary pattern tiles: shimmer sweep still clips at rounded
card edges
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>