Skip to content

Исправить мобильные экраны production и фильтр оценки проектов - #417

Merged
TThanos3000 merged 1 commit into
masterfrom
fix/prod-mobile-polish-20261015
Oct 14, 2026
Merged

TThanos3000 merged 1 commit into
masterfrom
fix/prod-mobile-polish-20261015

Conversation

@TThanos3000

Copy link
Copy Markdown
Contributor

Что изменено

Исправлены мобильные дефекты production: публикация новости, навыки профиля, оценка проектов и её фильтры, кнопки курса/создания проекта, номера заданий и панель новости. Проекты и участники размещаются по две карточки в строке. Геометрия меняется только до 999px; desktop-шаблоны сохранены.

Зачем

Устранить девять проблем со скриншотов production, сохранив внешний вид ПК. Ветка создана от текущего master после #408; dev не переносится.

Реализация

  • NewsForm: доступная submit-кнопка 44×44 в нижнем ряду, сохранены validation и pending.
  • Навыки: горизонтальные теги с переносом длинных категорий; в карточках участников длинный навык ограничен одной строкой.
  • Оценки: поля 48×44 с компактным padding, интервалы между критериями, перенос длинных подписей без горизонтального выталкивания карточки.
  • Фильтр: мобильное окно вынесено из desktop-only условия. Переключатель «проекты с оценкой» доступен без дополнительных полей; устранён двойной click от label. Выбор/URL/POST/reset и Escape проверены.
  • Analytics и «создать проект» помещаются в одну строку; 12 номеров заданий центрированы в плитках.
  • Две колонки в dashboard, списках проектов/участников и списках программы. Пустая выдача занимает обе колонки; приглашения сохраняют свою композицию.
  • Лайк/ссылка/просмотры и CTA вынесены из scroll новости с нижним отступом 24px + safe area.
  • В мобильных пустых данных конкурса удалён sad-smile, подсказка находится рядом с кнопкой вне ссылки.

API

Endpoints, payloads и runtime TypeScript не менялись. Сохранены filtering semantics, query params, 300ms debounce, pagination, autosave, дедлайны и правила оценивания.

UI

Существующие компоненты, Mont и production tokens. Новые CSS ограничены max-width:999px; desktop-ветки пяти HTML побайтно совпадают с master. Отчёт, acceptance audit и снимки.

Permissions

Не менялись: серверные правила, object scope и проверки ролей сохраняются; изменение фильтра касается доступности существующего мобильного окна.

Проверки

  • Checked by source: итоговый diff, 5 desktop HTML без изменений, runtime TS/assets не менялись; review без оставшихся actionable findings.
  • Checked by tests: npm run test:ci — 413 файлов, 2103 теста; добавлены 4 regression case.
  • Checked by build: npm run build:prod — exit 0, budgets не повышались.
  • npm run lint:ts — 0 errors, 6 прежних warnings; Stylelint 16 SCSS — exit 0; git diff --check — exit 0.
  • npm run format:check — полный staged index с LF, как на Linux CI.
  • Checked in browser: 320/390/768px; реальные Angular routes на synthetic API, выбор кейса → POST → no results → reset; checkbox без полей, оценки, навыки, курс/урок, две колонки и полная ширина empty states.
  • Desktop 1000/1440/1920px: 109/109 точных RGB comparisons, 0 отличающихся пикселей. Основная матрица 66, новые состояния 27, дополнительные роли/редакторы/уведомления 16. Без masks/tolerance.

Acceptance criteria

  • 1–2: отправка новости на месте; навыки читаемы.
  • 3–4: компактные оценки и работающий фильтр с сохранением/сбросом выбора.
  • 5–6: аналитика без переноса, номера заданий по центру.
  • 7: создание проекта в одну строку; проекты/участники по две карточки, включая 320px.
  • 8–9: нижние действия новости с отступом; конкурс без sad-smile и перекрытия подсказки.
  • Desktop соответствует baseline master на 109 проверенных снимках.

Не проверено

Физические iOS/Android, Safari/WebKit, реальная клавиатура и live API. Browser gate использует Chrome/Windows и синтетические данные; он не покрывает все возможные страницы/данные.

Риски / migration

Backend changes и миграции не требуются. После выкладки на устройстве проверить публикацию, фильтр оценок, длинные навыки, scroll номеров урока и две колонки. Windows visual builds используют восстановленный tracked sprite с symbol nodes; JS/CSS bundles не патчились. Merge и production deployment — отдельно пользователем.

@TThanos3000
TThanos3000 merged commit 8f7bfe7 into master Oct 14, 2026
@TThanos3000
TThanos3000 deleted the fix/prod-mobile-polish-20261015 branch October 14, 2026 23:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants