|
|
@@ -167,6 +167,88 @@ componenten die eraan hingen:
|
|
|
`kanweg_home_uitgaantabel_kaart_component_copy`) — in de builder mogelijk nog
|
|
|
wel, daar niet gecontroleerd (geen browser gebruikt).*
|
|
|
|
|
|
+### 🎨 Look&feel-review 2026-09-16 (Claude, code-only + screenshots, géén builder-werk) — Eigenaar: Claude (onbeklaimd)
|
|
|
+
|
|
|
+*Website (telefoon+desktop, headless Chromium) naast de app (profile-build van
|
|
|
+`a112e6f` op telefoon-AVD, tablet-AVD op build 14 sep). Volledig verslag met
|
|
|
+screenshots naast elkaar: zie het Artifact "Look & feel review 16 september"
|
|
|
+(link onderaan dit blok). Bewust NIET aangeraakt: `home`, `homeTabel`,
|
|
|
+`HomeUitgaantabelKaartComponent`, `HeaderButtonsComponent`, `drawerComponent`
|
|
|
+— die staan geclaimd door de sessie "zoekveld + look&feel" hierboven; chip-
|
|
|
+kleur, terugknop-vorm en drawer-icoon staan daar al op de lijst.*
|
|
|
+
|
|
|
+- **P1-51 · Eigenaar: Claude.** Drie headerkleuren in één app. Home = AppBar
|
|
|
+ `primaryText` (leisteen, zoals de site); alle andere pagina's = `info` (wit)
|
|
|
+ en Flutter's Material 3 legt daar bij elevation 2 een paarse tint over
|
|
|
+ (gemeten `#F5F3F9`); Favorieten heeft geen elevation en is echt wit. Fix:
|
|
|
+ op elke pagina met een AppBar de Background Color op **`primaryText`** (niet
|
|
|
+ het `info`-token wijzigen, dat kleurt ook de witte iconen op de oranje
|
|
|
+ knoppen). Pagina's: `EventCurrent`, `HorecagelegenhedenOverzichtCurrent`,
|
|
|
+ `HorecagelegenheidCurrent`, `HorecagelegenhedenOverzichtProvinciePage`,
|
|
|
+ `Favorieten`, `Selectprovinciegemeente`, `Login`, `mijnProfiel`,
|
|
|
+ `wachtwoordVergeten`, `stadsactiviteitAanmaken`, `uitgaansevenementAanmaken`.
|
|
|
+ Drawer-root (`drawerComponent`) krijgt dezelfde tint (`#F7F2FA`): expliciete
|
|
|
+ `secondaryBackground` — pas ná de andere sessie klaar is met dat component.
|
|
|
+ Verificatie: `grep -c "backgroundColor: FlutterFlowTheme.of(context).info" <widget>` → 0.
|
|
|
+- **P1-52 · Eigenaar: Claude.** `EventCurrent`
|
|
|
+ (`lib/horecagelegenhedenoverzicht/event_current/event_current_widget.dart`):
|
|
|
+ (a) titel-`Text` (headlineLarge, r.~326) staat in een gecentreerde `Row` zonder
|
|
|
+ `Expanded` → "Gratis Lunchconcert: Muze va" loopt aan beide kanten van het
|
|
|
+ scherm af. Wrap Widget → Flex → Expansion Expanded, Max Lines 3, links
|
|
|
+ uitlijnen. (b) beschrijvingscontainer (r.~750): Fill `alternate`, **rand
|
|
|
+ `Colors.black`**, schaduw `0x33000000` → Fill `secondaryBackground`, rand
|
|
|
+ `alternate`, schaduwkleur `00000000` (zelfde recept als de kaart in
|
|
|
+ `fa50ff5`). (c) zaak-categorielabel is `primary` (rood) en het zwevende
|
|
|
+ "Muziek"-label gebruikt `#25CC3E` + schaduw + radius i.p.v.
|
|
|
+ `tagCategorieComponent` → beide vervangen door dat component. (d) zaaknaam
|
|
|
+ `headlineSmall` (40 px, gecentreerd) → sectiekop 16 px kapitalen zoals de
|
|
|
+ site ("MEER VAN DEZE GELEGENHEID"). (e) website-URL staat als kale tekst;
|
|
|
+ adres zonder speldje, plaatsnaam springt in → "Website"-link in P1-23-stijl,
|
|
|
+ adres-Row met icoon zoals de kaarten.
|
|
|
+- **P2-30 · Eigenaar: Claude.** `horecagelegenhedenOverzichtCurrent`: de ruimte
|
|
|
+ tussen de kaarten én de tabbalk zijn `#C2C2C2` (rest van app en site:
|
|
|
+ `#F2F2F2`) → Fill Color van de TabBar-container en de StaggeredView-
|
|
|
+ achtergrond op `primaryBackground`. `HorecagelegenheidoverzichtKaart` is
|
|
|
+ ±500 px hoog met een 260 px-logo links en drie regels tekst: logo naar
|
|
|
+ ~120 px of het patroon van `HomeUitgaantabelKaartComponent` overnemen, zodat
|
|
|
+ er twee kaarten per scherm passen.
|
|
|
+- **P2-31 · Eigenaar: Bob (besluit), daarna Claude (uitvoering).** Drie
|
|
|
+ kaartstijlen naast elkaar: lijstkaart radius 12 + schaduw `0x33000000`,
|
|
|
+ sliderkaart radius 16 + schaduw, EventCurrent-kaart radius 8 + rand
|
|
|
+ `alternate` zonder schaduw (sinds `fa50ff5`). Site: wit, 3 px `#EEE`, geen
|
|
|
+ radius, geen schaduw. Voorstel: de EventCurrent-variant overal (dichtst bij
|
|
|
+ de site, lichte afronding past bij een app). Vier componenten, drie velden
|
|
|
+ elk.
|
|
|
+- **P2-32 · Eigenaar: Bob (besluit).** De site zet elke inhoudelijke titel in
|
|
|
+ Droid Serif bold; de app is 100 % Roboto — het grootste zichtbare verschil
|
|
|
+ dat geen bug is. Voorstel: Theme Settings → Typography → `headlineLarge/
|
|
|
+ Medium/Small` op **Noto Serif** 700 (Google Fonts-opvolger van Droid Serif),
|
|
|
+ rest Roboto. Eén thema-instelling. Pas ná P1-52(a), anders wordt de
|
|
|
+ afgekapte titel alleen breder.
|
|
|
+- **P2-33 · Eigenaar: Claude.** `HorecagelegenheidCurrent`: fotocarousel in een
|
|
|
+ wit vlak van ±750 px waarvan de foto's een derde vullen; adres pas na een
|
|
|
+ scroll; onderin permanent "Geen evenementen gevonden" + oranje knop, ook als
|
|
|
+ de zaak events heeft. Carousel-hoogte naar de foto-hoogte (±240 op
|
|
|
+ telefoon, responsive), witte achtergrond eraf, adresblok in de Info-tab met
|
|
|
+ dezelfde iconen als de kaarten, de "Geen evenementen"-strook alleen in de
|
|
|
+ Agenda-context.
|
|
|
+- **Website (aanvulling op P2-13, Eigenaar: Bob, Drupal-thema):** (6) op
|
|
|
+ telefoon 320 px header (socials + logo + Inloggen/Taal + zoekveld +
|
|
|
+ menubalk) vóór het eerste evenement → socials weg, Inloggen/Taal en zoekveld
|
|
|
+ in het uitklapmenu; (7) titel-overlay (60 % grijs, witte serif) op
|
|
|
+ zaaklogo's onleesbaar (Concertgebouw-lier) → titelband onder de afbeelding
|
|
|
+ zoals de horecakaarten, afbeeldingen `object-fit: cover`; (8) Uiteten op
|
|
|
+ telefoon toont 40 categorie-checkboxes + Apply boven de resultaten → inklappen
|
|
|
+ achter één "Filter"-knop; (9) twee datumformaten (homepage lang met jaartal,
|
|
|
+ plaatspagina/app kort) → overal kort; (10) zaakpagina: adres/telefoon/website
|
|
|
+ staan onder drie foto's + geschiedenis + banner, tabs INFO/OPENING/MAP als
|
|
|
+ kleine pillen → infoblok direct onder de titel; (11) titelkleur per kaarttype
|
|
|
+ verschilt (wit/oranje/oranjerood serif) → één keuze, oranje = klikbaar.
|
|
|
+- **Geen actie:** tablet-Home staat goed (3 kolommen, geen overflow); alleen
|
|
|
+ P1-51 en P2-31 gelden daar net zo.
|
|
|
+
|
|
|
+*Artifact: https://claude.ai/artifact/QGVnHcfobrEQ9yioqoCawU — screenshots in `~/uk-shots/2026-09-16/`.*
|
|
|
+
|
|
|
### 📋 Bob's 7 — de geordende lijst van 2026-09-15 (laat), max. 7, niets anders oppakken
|
|
|
|
|
|
*Stand bij afsluiten 2026-09-15 23:30: taak 1 af; 2 t/m 7 zijn voor morgen,
|
