Adjust the width of status column in admin jobs table
What does this MR do and why?
This MR wants to make the final adjustments in order to rollout the FF for the filtering of the admin jobs page, see #391194 (comment 1400285958) and !117362 (comment 1390015201) .
The MR adjusts the width of column Status in admin jobs table. There was a small styling issue that lead to overlapping content
between the column Status and the column Job in the admin jobs page.
Screenshots or screen recordings
-
I adjusted and chose a better column width for the column Statuson the left-hand side (gl-w-15pinstead ofgl-w-10p), see job with the id334and the statuscanceledin the middle of the table -
I removed the column Coveragein order to reduce the cluttered table => I made an educated guess that the columnCoverageis not necessary in the admin jobs page
| Before | After |
|---|---|
![]() |
![]() |
How to set up and validate locally
- In rails console enable the experiment fully
Feature.enable(:admin_jobs_vue)
- Go to
Admin > CI/CD > Jobs - In rails console, ensure that at least one job has the status canceled
Ci::Build.find(334).update(status: :cancel)
- When you test different screensizes then you should see that there are no overlaps between the column
Statusand the columnJob
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR. -
Changelog entry added, if necessary -
Documentation created/updated via this MR -
Documentation reviewed by technical writer or follow-up review issue created -
Tested in all supported browsers -
Conforms to the code review guidelines -
Conforms to the merge request performance guidelines -
Conforms to the style guides -
Conforms to the javascript style guides -
Conforms to the database guides
Related to #22626 (closed)

