Skip to content

Render failed job item pills with different background in Pipeline view

Gabriel Mazetto requested to merge brodock/highlight-failed-jobs into master

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:

imagem

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:

imagem

Screenshots or screen recordings

The draft implementation looks like the following in my development machine (light and dark mode):

imagem

imagem

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.

Edited by Gabriel Mazetto

Merge request reports