Dmytro Tkachenko
29 lines
1.5 KiB
Markdown
29 lines
1.5 KiB
Markdown
# engineer — PM Insights: full-width category items with more space
|
|
|
|
**Date:** 2026-08-29 · v2.3.2 · branch `feature/insights-fullwidth-items`
|
|
|
|
## Built
|
|
Follow-up to the section accordions (v2.3.1, merged as PR #1). The categories inside
|
|
**Alert categories** and **Watch list** were a narrow multi-column grid of click-to-expand
|
|
cards; they are now a **full-width, single-column stack** with more breathing room.
|
|
|
|
**CSS-only** — `client/src/pages/Insights/Insights.module.scss`:
|
|
- `.grid`: `display:grid; grid-template-columns: repeat(auto-fill, minmax(300px,1fr))` →
|
|
`display:flex; flex-direction:column; gap:$s-4`. Each `.card` now spans full width, one
|
|
per row, with a larger inter-card gap. `.grid[hidden]{display:none}` kept (section-collapse
|
|
still works).
|
|
- `.cardHead` padding `12px 14px` → `$s-4 $s-5` (16/20); `.cardTitle` 13px → 14px.
|
|
- `.row` padding `6px 14px` → `$s-2 $s-5` (8/20); `.emptyRow` `10px 14px` → `$s-3 $s-5`.
|
|
- `.list` max-height 340 → 440px (fuller expanded list on the wider rows).
|
|
- `Insights/index.tsx` unchanged — each item was already an accordion.
|
|
- Version root+client 2.3.1 → 2.3.2; CHANGELOG `[2.3.2]`.
|
|
|
|
## Verified
|
|
- client `tsc --noEmit` clean; `vite build` OK. Full gate `npm test` = client 6/6 + root 3/3
|
|
(root deps freshly installed — that was the earlier deploy blocker, unrelated to this change).
|
|
- Compiled CSS confirms `._grid_doeho_78{display:flex;flex-direction:column;gap:16px}` +
|
|
`[hidden]{display:none}`.
|
|
- verifier: (see verifier-log entry for 2026-08-29).
|
|
|
|
## Next: done.
|