Integrate styles of ci-status into Vue component using utility classes
Description
We introduced a regression while moving our CSS files from the global stylesheets to local stylesheets at !45584 (merged). Unfortunately, this is an esy mistake to make because our ci-status
component is used in many devopsverify screens.
We should:
- Move the styles at
app/assets/stylesheets/page_bundles/ci_status.scss
to be inlined with the compoennts that use them by using utilities classes - Remove the
ci_status
file.
Follow up from:
The following discussion from !110164 (merged) should be addressed:
-
@winniehell started a discussion: I think this was the problem because
.ci-status
and.ci-success
are correctly applied on the artifacts page but have no styling attached.