Audit: Mini Pipeline Graph Instances

🧩 What this issue is about

The purpose of this issue is to document the different instances and states of the mini pipeline graph to help create a scalable solution for the issues in &6135

Instances Audit

Instance Screenshot Multi-project pipeline visualization Child pipeline visualization Responsive behavior Questions and Comments
Pipelines page list image The graph wraps on a new line inside the table. What happens if the pipeline is very big, do we wrap it on 4,5,6 lines?
Commits page list image The pipeline icon remains aligned to the right. We only show the whole pipeline status. The pipeline status icon/button takes you to the commit detail page pipelines tab rather than the pipeline detail, which is odd.
Commit detail page image The graph doesn't wrap, it shifts to the new line as the screen gets smaller. What happens when a pipeline is so big that the graph can't fit on one line?
Commit detail page - pipelines tab image The graph wraps inside the table.
MR widget image_1 The graph doesn't wrap, it shifts to the new line as the screen gets smaller. What happens when a pipeline is so big that the graph can't fit on one line? Sometimes we show the child pipeline as just a link to the downstream pipeline, but sometimes we show the child pipeline jobs expanded in the graph. What are the conditions for the 2 ways of showing the child pipeline in the mini pipeline graph?
MR widget - pipelines table image_5 The graph wraps on a new line inside the table
Edited by Nadia Sotnikova