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

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:

on hover tooltip: Full project name - status

• 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

• Depends on at least one of https://gitlab.com/gitlab-org/gitlab-ce/issues/16556, https://gitlab.com/gitlab-org/gitlab-ee/issues/1681, or https://gitlab.com/gitlab-org/gitlab-ce/issues/14728
• Master issue: https://gitlab.com/gitlab-org/gitlab-ee/issues/933

mentioned in issue #2121 (closed)

changed the description

mentioned in merge request !2039 (merged)

closed via commit 497a1286

mentioned in commit 5d7a37c8

@filipa, @ayufan or @brycepj can probably answer it. I don't know either. Do we have documentation for this?