Commit 7d2afec
authored
[CRCR] Align job name headers and add interactive selection to per-repo page (#8425)
## Summary
Align the CRCR per-repo results page (`/crcr/{org}/{repo}`) with the
main HUD homepage by:
- Switching from inline styles to the shared `hud.module.css` classes
(`hudTable`, `colTime`, `colSha`, `colCommit`, `colPr`, `colAuthor`,
`colJob`, `jobHeader`, `jobHeaderName`, `regularHeader`, `jobMetadata`,
`jobMetadataTruncated`)
- Replacing MUI `<Tooltip>` (hover-only) with the click-to-pin
`TooltipTarget` component used by the main HUD
- Adding column highlight, row highlight, and pinned tooltip behaviors
### What changed
| Before | After |
|--------|-------|
| Inline styles, different header height (120px), translate (45px),
font-size (0.75em) | HUD CSS classes, header height (150px), translate
(60px), font-size (0.8em) |
| MUI Tooltip (hover-only, auto-dismiss) | TooltipTarget (click-to-pin,
persistent, blue background) |
| Cell click → navigate to workflow run | Cell click → pin tooltip with
"Show log ›" link inside |
| No column/row highlighting | Click column header → highlight column;
click row → highlight row |
| No keyboard shortcut | Escape to dismiss all selections |
### Mockup
[CRCR Per-Repo Backend
Mockup](https://subinz1.github.io/CRCR/mockups/oot-hud-mockup-crcr-backend.html)
Fixes #8422
## Test plan
- [ ] Verify column headers are tilted at the same angle as the main HUD
- [ ] Click a column header → entire column highlights yellow
- [ ] Click a row → row highlights
- [ ] Click a job cell → tooltip pins with blue background and "Show
log" link
- [ ] Press Escape → all selections dismissed
- [ ] Click elsewhere → selections dismissed
- [ ] Verify grouped job cells show individual job links in pinned
tooltip
- [ ] Verify pagination still works
- [ ] Verify time range selector still works1 parent 4baaadd commit 7d2afec
1 file changed
Lines changed: 273 additions & 190 deletions
0 commit comments