Loading
Refactor job sidebar to use shared sidebar styling
What does this MR do and why?
This MR refactors the CI job details sidebar to use the shared sidebar styling already used across the issue and work-item sidebar widgets. Each job attribute (duration, finished, erased, queued, timeout, runner, source, coverage, test summary, tags) now renders as a bold label heading on its own line with the value below it, instead of the bold "Label:" and inline value produced by the removed SidebarDetailRow component. The surrounding sidebar blocks are also aligned to the shared block class. This is a presentational-only change with no behavior differences.
Also adds missing test coverage for sidebar_detail_row.vue
References
Screenshots or screen recordings
| Before | After |
|---|---|
![]() |
![]() |
How to set up and validate locally
- Open any project pipeline and navigate to a job's detail page.
- Confirm the job details sidebar (duration, timeout, runner, source, coverage, tags, etc.) renders each attribute as a stacked bold label with the value below it, matching the styling of the issue sidebar widgets.
- Confirm runner/test-summary links, the timeout help icon, and tag badges still work.
MR acceptance checklist
- Presentational-only frontend refactor with updated Jest specs (48 passing) and no behavior change.
Edited by Sascha Eggenberger

