26 lines
1.6 KiB
Markdown
26 lines
1.6 KiB
Markdown
# board-viewer-ux-show-slug
|
||
|
||
## Goal
|
||
|
||
Карточка не показывает slug визуально. Юзер видит только description (первая строка после `## 🟢 [<slug>] — <desc>`) и не понимает «какая это таска по имени». `data-slug` атрибут есть, но в header карточки не рендерится.
|
||
|
||
Добавить slug как видимый sub-heading или badge в верхней части карточки (под/над description-line, в моноширинном шрифте чтобы выделялся).
|
||
|
||
## TDD posture
|
||
|
||
**Mode = TDD** (project `follow tdd-criteria`). Сначала failing render-test: ожидать что output `renderCard(record)` содержит `<code class="card-slug">board-viewer-pointers</code>` (или эквивалент). Затем impl в `src/render.ts`.
|
||
|
||
## Key files
|
||
|
||
- `src/render.ts` (рендер карточки — добавить slug-element)
|
||
- `static/board.css` (стиль `.card-slug` — monospace, dim color, маленький)
|
||
- `tests/render.test.ts` — новый тест
|
||
|
||
## Acceptance
|
||
|
||
- Slug виден на каждой карточке (любой статус)
|
||
- Тест: html-output карточки содержит slug в parseable form (не только в data-атрибуте)
|
||
- Smoke: визуально на board.kzntsv.site после redeploy — slug читается, не сливается с description
|
||
|
||
<!-- created-by: OpeItcLoc03@DESKTOP-NSEF0UK / from: .workshop / 2026-05-22 / trigger: user-ux-feedback-round1 -->
|