Compare versions: Migrate GlCard to Crud

Sascha Eggenbergerrequested to merge
compare-revisions-crud-migration into master

What does this MR do and why?

Compare versions: Migrate GlCard to Crud to add collapse functionality and to visually align with other parts of our UI.

  • Updates Crud HAML variant to use badge if no icon is used (feature parity with Vue variant)
  • Migrates the Commits section to Crud
  • Unboxes empty state
  • Increases spacing between CTAs and content below

Screenshots or screen recordings

Before After
before after
before_empty after_empty

How to set up and validate locally

  1. Content: https://gdk.test:3000/flightjs/Flight/-/compare/37-dismiss-cipher-with-no-integrity...master?from_project_id=7
  2. Empty: https://gdk.test:3000/flightjs/Flight/-/compare/master...master?from_project_id=7

MR acceptance checklist

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

Related to #513102 (closed)

Merge request reports