EE Project Settings CI/CD Headers Expand/Collapse

Project Settings General Headers (h4 elements) expand/collapse on
mouse-click / tap, like using the Expand/Collapse button. Other h4
headers in other Project Settings pages do not expande/collapse on
mouse-click / tap, but only using the Expand/Collapse button. This may
seem inconsistent to the user.

The h4 headers of Project Settings General get the expand/collapse
behavior through classes settings-title, js-settings-toggle and
js-settings-toggle-trigger-only.

This MR adds classes settings-title, js-settings-toggle and
js-settings-toggle-trigger-only to the h4 headers in Project Settings
CI/CD for GitLab EE. This enables the expand/collapse behavior on
mouse-click / tap for the h4 headers.

ee/app/views/projects/settings/ci_cd/_auto_rollback.html.haml

 - if @project.feature_available?(:auto_rollback)
   %section.settings.no-animate#auto-rollback-settings{ class: ('expanded' if expanded) }
     .settings-header
-      %h4
+      %h4.settings-title.js-settings-toggle.js-settings-toggle-trigger-only
         = _("Automatic deployment rollbacks")
       %button.gl-button.btn-default.btn.js-settings-toggle{ type: 'button' }
         = expanded ? _('Collapse') : _('Expand')

ee/app/views/projects/settings/ci_cd/_pipeline_subscriptions.html.haml

@@ -4,7 +4,7 @@
 
 %section.settings.no-animate#pipeline-subscriptions{ class: ('expanded' if expanded) }
   .settings-header
-    %h4
+    %h4.settings-title.js-settings-toggle.js-settings-toggle-trigger-only
       = _("Pipeline subscriptions")
     %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded ? _('Collapse') : _('Expand')

ee/app/views/projects/settings/ci_cd/_protected_environments.html.haml

@@ -4,7 +4,7 @@
 - if protected_environments_enabled?(@project)
   %section.protected-environments-settings.settings.no-animate#js-protected-environments-settings{ class: ('expanded' if expanded) }
     .settings-header
-      %h4
+      %h4.settings-title.js-settings-toggle.js-settings-toggle-trigger-only
         = _('Protected environments')
       %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
         = expanded ? _('Collapse') : _('Expand')

ee/changelogs/unreleased/205484-02-project-settings-headers-cicd-ee.yml

+---
+title: GitLab EE Project Settings CI/CD headers expand/collapse on click / tap
+merge_request: 54115
+author: Daniel Schömer
+type: changed