#621: details pane visual polish #623

Merged

Cordy merged 7 commits from fix-621 into main

2026-09-18 18:54:08 +00:00

Cordy commented

2026-09-18 18:50:48 +00:00

Owner

Per the approved rev-1 mockup (pane-polish-621-mockup.html), Nikola signed off on the direction and on drill-row counts.

Styling splices in index.html only, plus one approved behaviour addition:

Header gains the file's type icon (glacier-tinted); overview body starts with information rather than the grey block.
Preview: 88px light card, 34px tinted icon, radius 10; images get a 140px cover thumb (detimg).
kv grid: 84px labels at 12px muted, 13px medium values that wrap (overflow-wrap:anywhere); path row goes quiet (dpath).
Tags: kv-rhythm grid label, bordered snow chips, dashed "+ Add tag" ghost input.
Drill rows: 44px, leading inline SVG icons (share/history/pulse), hover state, and the approved lazy version count (one GET /api/v1/versions per pane open, files only, stale-guarded on detItem).
detbody becomes a 16px-gap flex column; hairline separator before the drill card; Versions/Activity panel rows stack their metadata on two lines.

No Go changes; no pure-block changes (extract fence + full web suite green). All four themes follow via var() tokens only.

Per the approved rev-1 mockup (`pane-polish-621-mockup.html`), Nikola signed off on the direction and on drill-row counts. Styling splices in `index.html` only, plus one approved behaviour addition: - Header gains the file's type icon (glacier-tinted); overview body starts with information rather than the grey block. - Preview: 88px light card, 34px tinted icon, radius 10; images get a 140px cover thumb (`detimg`). - kv grid: 84px labels at 12px muted, 13px medium values that wrap (`overflow-wrap:anywhere`); path row goes quiet (`dpath`). - Tags: kv-rhythm grid label, bordered snow chips, dashed "+ Add tag" ghost input. - Drill rows: 44px, leading inline SVG icons (share/history/pulse), hover state, and the approved **lazy version count** (one `GET /api/v1/versions` per pane open, files only, stale-guarded on `detItem`). - detbody becomes a 16px-gap flex column; hairline separator before the drill card; Versions/Activity panel rows stack their metadata on two lines. No Go changes; no pure-block changes (extract fence + full web suite green). All four themes follow via var() tokens only.

Cordy added 7 commits

2026-09-18 18:50:49 +00:00