Pipeline Graph: Update stage name to truncate when text is too long
What does this MR do and why?
For #350438 (closed)
The ActionComponent
was overlapping the stage name in the pipeline graph when that name was too long.
The reason for this is that ActionComponent
has a position of absolute. This is the underlying issue and doesn't seem necessary to me. Since this is my first MR, I am erring on the side of caution and proposing a simple fix using width and truncation as opposed to updating the styling on the action component.
If I am missing any context around the absolute positioning there, I'd love to learn about it!
How to set up and validate locally
- Visit a pipeline graph (CI/CD > Pipelines >> Choose a pipeline ID)
- On a stage that has an
ActionComponent
(play button etc) in the title, edit the html to create a longer name - The name should truncate instead of aligning behind the button.
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.
Edited by Briley Sandlin