Calculate the height of the body modal
What does this MR do and why?
In the 'code flow' tab in 'pipeline page' there is a height calculation issue.
We need to set a height for the <code-flow-steps-section> and <div id="code-flows-container" elements because we want them to scroll, and we also want the modal not to change its size while switching between tabs.
For this we must first get the height of the content from the first tab and set it in the and <div id="code-flows-container " elements.
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Screenshots are required for UI changes, and strongly recommended for all other merge requests.
| Before | After |
|---|---|
| Screen_Recording_2024-09-03_at_22.07.50 | Screen_Recording_2024-10-10_at_11.27.26 |
How to set up and validate locally
- Upload a GitLab Ultimate license
- Clone the code flow project and run his pipeline to display vulnerabilities
- Navigate to the project => Secure => Vulnerability report => Select the first vulnerability to navigate to the vulnerability details page
- Make sure all the styling is looks as needs to according to the issue.
Numbered steps to set up and validate the change are strongly suggested.
Related to #482717 (closed)