design: Voeg-toe-aan-beginscherm knop naar Routekaart-stijl #111

New issue

Closed

opened 2026-04-21 22:41:32 +02:00 by Ghost · 1 comment

Ghost commented

2026-04-21 22:41:32 +02:00

(Migrated from codeberg.org)

De #install-btn op Home (PWA-install / "📲 Voeg toe aan beginscherm") gebruikt wel de tokens (paper bg, border-med) maar heeft nog de mini-knop-stijl die uit de oude Home komt. Valt visueel uit de toon tussen de chunky route-node mode-knoppen en de daily/bonus-accenten.

Scope

#install-btn krijgt chunky Routekaart-look: border-hero, shadow-sm, hogere padding, grotere tekst (fs-14 of fs-16), radius consistent met .mode-btn.
#install-tooltip mee updaten zodat hij past bij de nieuwe knop-look.
Zichtbaar alleen wanneer PWA-install available is (gedrag ongewijzigd).

Out of scope

Iconografie (📲 blijft)
Install-flow zelf (geen JS-wijziging)
Mode-select en quiz-scherm (eigen tickets)

Tests

Bestaande install-btn-visibility tests blijven groen.
Playwright smoke: knop bestaat in DOM (display:none default), classes/tokens kloppen.

Follow-up op #99 (v2.20.0).

De `#install-btn` op Home (PWA-install / "📲 Voeg toe aan beginscherm") gebruikt wel de tokens (paper bg, border-med) maar heeft nog de mini-knop-stijl die uit de oude Home komt. Valt visueel uit de toon tussen de chunky route-node mode-knoppen en de daily/bonus-accenten. ## Scope - `#install-btn` krijgt chunky Routekaart-look: `border-hero`, `shadow-sm`, hogere padding, grotere tekst (fs-14 of fs-16), radius consistent met `.mode-btn`. - `#install-tooltip` mee updaten zodat hij past bij de nieuwe knop-look. - Zichtbaar alleen wanneer PWA-install available is (gedrag ongewijzigd). ## Out of scope - Iconografie (📲 blijft) - Install-flow zelf (geen JS-wijziging) - Mode-select en quiz-scherm (eigen tickets) ## Tests - Bestaande install-btn-visibility tests blijven groen. - Playwright smoke: knop bestaat in DOM (`display:none` default), classes/tokens kloppen. Follow-up op #99 (v2.20.0).

Ghost commented

2026-04-21 23:15:42 +02:00

(Migrated from codeberg.org)

Fixed in v2.21.0 — install-btn in chunky Routekaart-stijl en verplaatst naar buiten de paper-card.