Fix leading of CiIcon text and make sure it is vertically centered
What does this MR do and why?
Prevent the text in a CiIcon component from inheriting line height from a parent element, and make sure that it is vertically centered.
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
Usage | Before | After |
---|---|---|
MR Pipelines page (No change) |
![]() |
![]() |
Job page (No change) |
![]() |
![]() |
Job artifact page (Fixed) |
![]() |
![]() |
How to set up and validate locally
- Check out this branch
- In the GDK, ensure you have a pipeline job that creates artifacts
- Make that job run
- Visit the artifacts browse page for the job
- The CiIcon with the job status in the page header will not be malformed.