Skip to content

Link between project pipeline views (mini-graph)

Resources

FE @brycepj

Continuation of https://gitlab.com/gitlab-org/gitlab-ee/issues/2121

Proposal

  • Show inbound and outbound connections for upstream and downstream pipeline dependencies.

Note, this is not about showing artifact, image, submodule or other dependencies. It's about what pipelines cause other pipelines to run.

This is the first iteration, extended version would be the consolidated view https://gitlab.com/gitlab-org/gitlab-ce/issues/22558

proposal-image

Design

image

When hovering or clicking (mobile) they will expand and be shown next to each other. If there are too many we can show them like:

image

on hover tooltip: Full project name - status

gif

  • prototype url https://framer.cloud/VPXRP
  • for mobile the expansion of multiple downstream icons is on tap, rather than hover (if it feels better on desktop as well, please do that 😉 )
  • note: that the status icons for upstream and downstream projects are a little smaller and have an extra white outline border to make them not blend

Links / references

Edited by Filipa Lacerda