Skip to content

Direct link from pipeline list to builds

Description including problem, use cases, benefits, and/or goals

We show success and fail icons for each stage in the pipeline list, but clicking on these icons takes you to the same build list, and just goes to the anchor for the stage you clicked on. Since many pipelines have only a single job per stage, this feels like a waste. I want to go directly to the job I think I'm clicking on.

image

Proposal

We are reusing the design from the popup lists in the pipeline graph for the mini pipeline graph here:

default state: Mini-pipeline-graph-normal

hover state: Mini-pipeline-graph-hover

active state (when dropdown is summoned) Mini-pipeline-graph-active

The lists shown in these pop-up's (even if its just one build/job) should be ordered as follows:

failed > warning > pending > running > manual > canceled > created > success > skipped

So that you don't have to scroll far to see your failed builds etc

Animation for the mini pipeline graph.. which now summons the dropdown...even when there is just one sub build in that stage. 2016-11-08_21.54.41

We use updated designs for the status icons (the same as in https://gitlab.com/gitlab-org/gitlab-ce/issues/22604), which now have 2 categories (they have slightly different proportions):

Status icons that are used throughout gitlab (at 14px they have a 1 px border): General_Status_Icons__14x14px_1px_border_

Status icons that are used for where the mini pipeline graph is present (at 22px they have a 1 px border): Mini-Pipeline-Graph_Status_Icons__22x22px_1px_border_

These may be scaled accordingly to the size they are in the mockups

Spec preview: https://gitlab-org.gitlab.io/gitlab-design/progress/dimitrie/pipelines-overview/19703-spec-previews/

note that the skipped status icon, now has a lighter grey compared to these mockups

Links / references