mikaby/timeline-games

Fork 0

feat(ui): растянуть превью игр на всю ширину контейнера #12

Closed

LLM-Agent wants to merge 3 commits from (deleted):feat/full-width-previews-t_01ab333e into main

LLM-Agent commented

2026-06-15 17:13:55 +03:00

Contributor

Что сделано

Контейнер «Превью игр» (FloatingGallery): grid вместо фиксированной ширины обложки
Landscape: 4 превью в ряд, repeat(4, minmax(0, 1fr))
Portrait: 2 превью в ряд, repeat(2, minmax(0, 1fr))
Ряд заполняет 100% внутренней ширины — без пустой полосы справа

Файлы

src/styles/gallery.module.css — orientation media queries + fluid columns
src/test/gallery-layout.test.tsx — тесты на fill width (landscape/portrait) и Y-overlap

Тесты

vitest run src/test/gallery-layout.test.tsx src/test/FloatingGallery.test.tsx — 14/14 pass

Скриншоты

Headless-окружение без GUI — скриншоты до/после нужно снять вручную в DevTools (landscape + portrait) после деплоя.

## Что сделано - Контейнер «Превью игр» (`FloatingGallery`): grid вместо фиксированной ширины обложки - **Landscape:** 4 превью в ряд, `repeat(4, minmax(0, 1fr))` - **Portrait:** 2 превью в ряд, `repeat(2, minmax(0, 1fr))` - Ряд заполняет 100% внутренней ширины — без пустой полосы справа ## Файлы - `src/styles/gallery.module.css` — orientation media queries + fluid columns - `src/test/gallery-layout.test.tsx` — тесты на fill width (landscape/portrait) и Y-overlap ## Тесты `vitest run src/test/gallery-layout.test.tsx src/test/FloatingGallery.test.tsx` — 14/14 pass ## Скриншоты Headless-окружение без GUI — скриншоты до/после нужно снять вручную в DevTools (landscape + portrait) после деплоя.

LLM-Agent added 18 commits

2026-06-15 17:13:55 +03:00

feat(ui): PostHog beige redesign — tokens, gallery, sidebar, nav 63f38fd755

Unified warm beige canvas (#e1d7c2), cobalt accent, flat white cards.
Replaces posthog-tokens.css with tokens.css. Stats + timeline cohesion.

fix(ui): warm amber accent — cobalt только для ссылок e741cd640e

--tg-accent → home-accent для Stats/charts/nav chrome.
Галерея: лёгкий tilt карточек, 6px radius, IGDB — ph-accent-link.

fix(gallery): равномерные Y-отступы карточек в dense-годах d977e4fe46

aspect-ratio на .card, grid-auto-rows: max-content, единый gap в stageDense,
overflow на .cardBody, tilt=0 в dense. Регрессионные тесты на перекрытие 2004.

feat(ui): убрать легенду, Steam-иконка, скроллбары и рамки превью dd2a3bd78d

- FloatingGallery: без PlacementLegend, кнопка Steam с иконкой
- ph-scrollbar на галерее, обновлены стили карточек и токены
- тесты под новую разметку

feat(ui): убрать collapse сайдбара, наполнить /stats sidebar 77f1f6ed2f

Синхронизация t_b38bee02 + t_a8d83a69: StatsSidebar, stats.ts,
45/45 тестов, AUDIT.md обновлён.

fix(ui): убрать лишний блок stats, подпись «Показывать», кнопки в ряд 82a4df2d2a

Удалена карточка «Средний разрыв релиз/год», подпись фильтров в сайдбаре;
кнопки «Понравилось»/«Не понравилось» — горизонтально в одну строку.

feat(data): optional like/dislike tag on games f3d8a2d9c4

feat(ui): независимые переключатели фильтра like/dislike b1107751aa

Кнопки «понравилось»/«не понравилось» включаются отдельно; при обеих выкл — только untagged. Логика в rating-filter.ts, состояние в localStorage.

feat(ui): пин-индикатор тега, убрать рамки превью acbd743d63

Карточки без цветных border; пин like/dislike по полю tag, скрыт при null.

feat(ui): угловая ленточка вместо пинка на превью like/dislike c0ad8f20c9

Заменён круглый PinIcon на CSS-ленточку в правом верхнем углу обложки.
Зелёная для like, красная для dislike; без тега — без индикатора.

feat(ui): единый сайдбар, crossfade вкладок, фиксированная ширина eb0a7a2d2b

AppShell держит SiteNav и анимирует только тело сайдбара; ширина 18.75rem стабильна между / и /stats.

Уменьшить превью игр в галерее примерно на 20%. 51e10c60c8

Сетка: minmax 205->164px (обычная) и 173->138px (dense), gap/padding x0.8; пропорционально overlay и ribbon.

fix(ui): уместить 5 блоков статистики в одну строку на десктопе b3aa003d1d

Уменьшены padding/gap/шрифты карточек, на ≥1024px сетка фиксируется
в 5 колонок; длинные подписи обрезаются ellipsis без переноса строки.

fix(ui): вертикальный скролл главной зоны (таймлайн и статистика) 8ca6ab69ab

Цепочка flex/grid с min-height:0 и overflow-y:auto на mainZone, stats и gallery stage — контент не обрезается при нехватке высоты viewport.

fix(ui): flex-цепочка mainZone и height:100% для stats main 37a9e52c24

Сайдбар остаётся на месте; скроллится только основная зона при переполнении viewport.

feat(ui): уменьшить ширину левого сайдбара 19acd74cae

Вынес --ph-sidebar-width в токены (clamp 12.5–15rem вместо 18.75rem),
подтянул grid/flex и фильтры в колонку для узкой колонки.

fix(ui): пробел после % в статистике сайдбара и жанрах 4b080b2301

Общий formatPercent с опциональным suffix; Steam-строка сайдбара
больше не теряет пробел между % и «с app id».

feat(ui): растянуть превью игр на всю ширину контейнера eeca4fd9da

Grid 4 колонки в landscape и 2 в portrait вместо фиксированной ширины обложки — ряд заполняет 100% ширины без пустого места справа.

LLM-Agent referenced this pull request

2026-06-15 17:38:51 +03:00

feat(ui): растянуть превью игр на всю ширину контейнера #13

LLM-Agent closed this pull request

2026-06-15 17:44:24 +03:00

LLM-Agent referenced this pull request

2026-06-15 17:59:22 +03:00

feat(ui): растянуть превью игр на всю ширину контейнера #13

mikaby referenced this pull request from a commit

2026-06-15 19:56:16 +03:00

feat(ui): растянуть превью игр на всю ширину контейнера

Pull request closed

This pull request cannot be reopened because the branch was deleted.

No reviewers

No labels

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

mikaby/timeline-games!12

No description provided.

Rows
Columns