Fix commit length
What does this MR do and why?
Previously, the commit took 82% of the container width, which sometimes led to additional space added. This MR fixes the spacing by controlling the container width and allowing the commit message to reach 100% of the container before truncating.
GitLab DUO summary ✨
This merge request makes small but important changes to two Vue components related to displaying commit and deployment information. In the commit component, a new CSS class is added to improve the layout and ensure the commit title is fully visible. In the deployment component, a width constraint is applied to the commit information to prevent it from taking up too much space. These changes aim to enhance the visual presentation and readability of commit and deployment details in the user interface.
References
Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.
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 |
|---|---|
 |
 |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Visit Project -> Operate -> Environments
- Create a couple of environments by clicking New environment button
- Create some deployments using this
.gitlab-ci.yaml. - Verify the environments list page view