Ensure pipeline job items in a stage have appropriate border radius

What does this MR do and why?

Bridge type jobs are given a large border radius, but when these job items are shown as part of a stage column they should have our base border radius to match up with the parent container's border radius.

This is most noticeable when there is a failed job, as the failed job has a background color, making the edges of it visible.

Screenshots or screen recordings

Before After
Capture-2024-09-11-160313 b7ea0b5e6567986dee2a056fb75f0266
Screenshot_2024-09-11_at_16.04.24 Screenshot_2024-09-11_at_16.04.34

How to set up and validate locally

  1. Check out this branch
  2. Visit a pipeline that has failed jobs
  3. Using the Vue devtools browser extension, select the <job-item> component for a failed test that shows in a stage group in the Pipeline tab
  4. Edit the kind field in its job prop to be "BRIDGE" (This saves you the overhead of having to create a new CI setup that includes bridge jobs)
  5. you should see that the job's border radius should not change (though depending on the configuration of the job, a badge and a retry button may be added to the job)

Related to #474921 (closed)

Edited by Chad Lavimoniere

Merge request reports

Loading