Skip to content

Make CI status badge design compliant

Payton Burdette requested to merge pb-new-ci-badge-design into master

What does this MR do and why?

Makes the CI status badge design system compliant. We are holding off on the text change from lowercase to capital for now due to this value being used to concatenate strings throughout the product.

Figma design - Found under the 15.11 details page!

Related to #394768 (closed)

Screenshots or screen recordings

Pipelines table

Screenshot_2023-05-30_at_1.39.17_PM

MR Pipelines table

Screenshot_2023-05-30_at_1.39.34_PM

Commit pipelines table

Screenshot_2023-05-30_at_1.39.48_PM

Failed jobs table (badge without text)

Screenshot_2023-05-30_at_1.42.29_PM

How to set up and validate locally

  1. Visit locations in the UI that use the ci_badge_link.vue component (CI Status)

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Payton Burdette

Merge request reports