Skip to content

Fix height of CI status badge content

Chad Lavimoniere requested to merge 20240711-clavimoniere-ci-icon-height-fix into master

What does this MR do and why?

Adds an explicit height to the badge content for pipeline status icon badges so that they stay round.

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

Before After
image image

How to set up and validate locally

  1. check out this branch locally
  2. Visit a pipeline in the GDK
  3. You will see that the pipeline status icon badges are round. Use dev tools to inspect them and you will see that the span with class gl-badge-content has a specified height of 1rem.

Merge request reports