Spec topics table layout

Require the topics page to render a react-bootstrap Table with aligned
columns, a header row, linked rows, and horizontal scroll on narrow screens.

By specifier.
This commit is contained in:
Chris Troutner
2026-09-18 07:31:13 -07:00
parent 17d2afff48
commit 41af8f955e
2 changed files with 45 additions and 1 deletions
+8 -1
View File
@@ -31,7 +31,14 @@ focus is **front-end improvements** to `psf-memo-client` (the React SPA).
## In progress
_(none)_
- **Topics table layout (spec approved):** replace the topics page's flexbox
list rows with a react-bootstrap `Table` so the four columns line up. The
header labels the columns (`Topic`, `Most recent post`, `Posts`, `Followers`),
each row's cells carry the topic name (`#room`), relative-time label, post
count, and follower count in that order, rows link to the topic feed, and the
table scrolls horizontally on narrow screens. Client-only rendering. Spec:
`psf-memo-client/specs/topics-table-layout.feature`. Task
`topics-table-layout`; spec committed, handed off to coder.
## Recently completed