Project Settings Repo Headers Expand/Collapse 2/8

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
Repository Mirroring repositories. This enables the expand/collapse
behavior on mouse-click / tap for the h4 headers.

app/views/projects/mirrors/_mirror_repos.html.haml

@@ -5,7 +5,7 @@
 
 %section.settings.project-mirror-settings.no-animate#js-push-remote-settings{ class: mirror_settings_class, data: { qa_selector: 'mirroring_repositories_settings_content' } }
   .settings-header
-    %h4= _('Mirroring repositories')
+    %h4.settings-title.js-settings-toggle.js-settings-toggle-trigger-only= _('Mirroring repositories')
     %button.btn.gl-button.btn-default.js-settings-toggle
       = expanded ? _('Collapse') : _('Expand')
     %p

changelogs/unreleased/205484-05-project-settings-headers-repository-mirroring-repositories.yml

+---
+title: Project Settings Repository Mirroring repositories header expands/collapses on click / tap
+merge_request: 55229
+author: Daniel Schömer
+type: changed