Skip to content

Integrations detail page: Migrations and small visual fixes

What does this MR do and why?

Integrations detail page: Migrations and small visual fixes

Migrates the page header to the PageHeading component, changes the size of the Avatar to match the one we use on projects & groups and fixes some spacing and alignments with form actions.

This MR addresses 5, 6 & 7 of https://www.figma.com/design/bZvQIQFJxu06dY0sh6R8FT/Dark-mode-%3E-Import-%26-Integrate?node-id=2026-302&t=ziSQFaZWOGnsKrgK-4

numbers

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
before after
before2 after2
before2_mobile after2_mobile
before after

How to set up and validate locally

  1. http://gdk.test:3000/admin/application_settings/integrations/emails_on_push/edit
  2. http://gdk.test:3000/admin/application_settings/integrations/bamboo/edit
  3. http://gdk.test:3000/flightjs/Flight/-/settings/integrations/emails_on_push/edit
  4. http://gdk.test:3000/flightjs/Flight/-/settings/integrations/google_cloud_platform_workload_identity_federation/edit
  5. http://gdk.test:3000/flightjs/Flight/-/settings/integrations/google_cloud_platform_artifact_registry/edit

Related to #499697 (closed), &16184 (closed)

Edited by Sascha Eggenberger

Merge request reports

Loading