Resolve "Remove the on-hover expansion of the downstream pipelines"
What does this MR do and why?
Related to #336741 (closed)
This MR removes the hover animation on downstream pipelines so that the UX issues are resolved. I have also made some tweaks to the appearance to align more with what Nadia demonstrated in the issue. If there is an updated figma file which demonstrates specific colors I need to use, that would be great!
In the spirit of iteration, this MR is a prerequisite to the following issues: #320737 (closed) #300154 (closed) #333634 (closed) #323353 (closed)
A couple of things I noticed:
- The mini pipeline styling could use a general refactor to utilize more of our utilities.
- The CSS itself could leverage things like flexbox.
I know these changes are minimal and not as deep as I could go, but I'd like to implement additional improvements in future iterations.
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Navigate to Pipelines (CI/CD > Pipelines)
- View a mini pipeline graph which has downstream pipelines
- The icons should now display as expanded by default
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.