Skip to content

Commit 7d2afec

Browse files
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 works
1 parent 4baaadd commit 7d2afec

1 file changed

Lines changed: 273 additions & 190 deletions

File tree

0 commit comments

Comments
 (0)