Skip to content

DEV: унифицировать карточки новостной ленты - #373

Merged
TThanos3000 merged 1 commit into
devfrom
fix/dev-feed-card-visual-system
Sep 23, 2026
Merged

TThanos3000 merged 1 commit into
devfrom
fix/dev-feed-card-visual-system

Conversation

@TThanos3000

Copy link
Copy Markdown
Contributor

Карточки вакансий, новостей проектов/людей и новых проектов приведены к одной геометрии и вертикальной структуре. CTA остаются снизу; заголовки, описание, навыки и industry имеют разные уровни иерархии. Шесть desktop-counts выровнены одной сеткой.

Base: d4708cbc9ca7afbd245a4ff29940e2ab5dae0304
Head: 7511ab55c93f49b165ac35935776237ff0a190ae

Аудит прерванной сессии выполнен до изменений. На remote не было отдельной ветки/PR или коммитов этой визуальной задачи; готовая функциональность #372 найдена в DEV и сохранена. Чужие локальные изменения не затрагивались.

Изменения

  • Общий SCSS mixin: height 420 px, padding 20 px, radius 15 px, CTA 36 px.
  • На desktop 1440/1280 карточки 423.328125×420 px; на 1024 — 368.75×420 px. Внутри ряда расхождение высоты/CTA — 0 px.
  • Все desktop-counts: Y=[156,156,156,156,156,156] в локальном fixture.
  • На tablet 768: 753×420 px; mobile 390: 375×420 px, одна колонка, без горизонтальной прокрутки.
  • Вакансия: крупный title, описание до 3 строк, 3 навыка +N, вторичный industry-chip 24 px, «Подробнее о вакансии» на всю ширину.
  • Новости сохраняют лайки, просмотры, файлы/изображения, копирование и маршруты. Обычная карточка и редактор вне preview сохраняют прежний шаблон.
  • Фильтры и CTA используют native buttons/links, semantic time и focus-visible.

Backend untouched. React untouched. Feed contract untouched. Сохранены row pagination из #372, limit=6, append, typeModel:id, published_at, category counts, read tracking, likes, routes и permissions. Dependencies/workflows/test setup не изменялись.

Проверки

  • npm ci: exit 0.
  • Targeted feed/cards/filter/API/repository: 27/27, 12 файлов, exit 0.
  • Полный npm run test:ci -- --pool=forks: 1752/1752, 382 файла, exit 0, без unhandled errors.
  • Штатный npm run test:ci: exit 1, NG0401 до выполнения тестов. То же воспроизведено полным запуском на чистой exact базе d4708cb (381 файл). Не объявляется GREEN и не подавляется.
  • npm run lint:ts: exit 0, 6 существующих warnings, 0 errors.
  • Scoped Prettier, scoped Stylelint, git diff --check: exit 0. Штатный pre-commit пройден.
  • npm run build:prod: exit 0, существующие Angular/Sass/CommonJS warnings.
  • Особенность Windows: существующий build:sprite генерирует пустой sprite из-за кавычек glob. Собственный generated diff восстановлен из HEAD; scripts и sprite не менялись. Browser smoke использует исходный DEV sprite.

Реальный browser smoke: 1440×900, 1280×800, 1024×768, 768×1024, 390×844; четыре типа, длинный контент, 6 skills, нечётный ряд слева, лайк, focus, href и вложения. Console errors не обнаружены. Это локальный Angular fixture с синтетическими данными; live DEV/backend E2E не выполнялся.

Полный отчёт, изменённые файлы, команды, ограничения и воспроизводимый fixture

Сырые замеры

Скриншоты

До:

Лента до

После:

Лента после

Первый ряд

Второй ряд

Mobile

Крупные планы vacancy/filter, long-content, tablet, focus и вложения — в полном отчёте. Скриншоты показывают реальные компоненты; крупные планы получены сдвигом только локального fixture, без изменения размеров/масштаба.

Draft → dev. Merge/deploy не выполнялись.

@TThanos3000
TThanos3000 marked this pull request as ready for review September 23, 2026 19:12
@TThanos3000
TThanos3000 merged commit e2c6d00 into dev Sep 23, 2026
@TThanos3000
TThanos3000 deleted the fix/dev-feed-card-visual-system branch September 23, 2026 19:12
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