Render failed job item pills with different background in Pipeline view
What does this MR do and why?
Spotting a failed job in a list with many of them is hard, as can be illustrated by image below:
Because of how our eyes work, it will scan from left to right, from top to bottom, and it can take longer to find if scrolling (horizontal or vertical) is also required
The alternative is to use contrast to help navigate to what is important, as can be illustrated by the proposal image below:
Screenshots or screen recordings
The draft implementation looks like the following in my development machine (light and dark mode):
How to set up and validate locally
Go to an example project with failed pipelines, click in one of them and check the list. Check both light and dark mode.
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.