Skip to content

Fix styles for ci-badge on environments/show

What does this MR do and why?

Use GitLab UI utils to update styles of CI badge. Styles copied from !107416 (merged).

Changelog: fixed

Screenshots or screen recordings

header After
CI_badge_environments_show_before CI_badge_environments_show_after

How to set up and validate locally

  1. Go to Project > Deployments > Environments and select any environment (or create one if not available). For example, http://127.0.0.1:3000/gitlab-org/gitlab-shell/-/environments/12.
  2. Apply this diff to show a few deployements:
diff --git a/app/views/projects/environments/show.html.haml b/app/views/projects/environments/show.html.haml
index 53b2af885119..3c995d0bdba2 100644
--- a/app/views/projects/environments/show.html.haml
+++ b/app/views/projects/environments/show.html.haml
@@ -4,6 +4,7 @@
 - add_page_specific_style 'page_bundles/xterm'
 - add_page_specific_style 'page_bundles/environments'
 - add_page_specific_style 'page_bundles/ci_status'
+- @deployments = Deployment.all
 
 #environments-detail-view{ data: { details: environments_detail_data_json(current_user, @project, @environment) } }
   #environments-detail-view-header
@@ -35,4 +36,4 @@
 
             = render @deployments
 
-        = paginate @deployments, theme: 'gitlab'
+        -# = paginate @deployments, theme: 'gitlab'

MR acceptance checklist

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

Merge request reports