Skip to content

Pipeline: Redesigned Pipeline Graph

Sascha Eggenbergerrequested to merge
pipeline-graph-redesign into master

What does this MR do and why?

This is behind the disabled FF: new_pipeline_graph

Redesign of the Pipeline Graph:

  • Uses GlCard to simplify view
  • Mobile layout improvements

Screenshots or screen recordings

Before After
before after
upstream_before upstream_after
stage_before stage_after
dependencies_before dependencies_after

Mobile

Before After
mobile_before mobile_after
upstream_mobile_before mobile_upstream_after
stage_mobile_before stage_mobile_after
dependencies_mobile_before dependencies_mobile_after

How to set up and validate locally

  1. Check a Pipeline detail page, e.g. http://gdk.test:3000/flightjs/Flight/-/pipelines/12

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to UX Paper Cuts 16.4 → Pipelines and Jobs (#408231 - closed), UX Paper Cuts 16.5 → Cleanup (#424403 - closed)

Edited by Frédéric Caplette

Merge request reports