Draft: Your work groups list: Migrate to grid

What does this MR do and why?

Draft: Your work groups list:

  • Migrate to grid
  • Aligns content over all rows

Moving to CSS grid helps aligning elements per row and let's us align things like the CI status properly, e.g.:

Before After
before after

References

Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

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
after_grid
before2 after2
after2_grid
mobile_before mobile_after
mobile_before2 mobile_after2
moible_after_grid

How to set up and validate locally

  1. Create some subgroups for testing the nested behavior
  2. Go to a group list page

Related to #499697 (closed), !180974 (closed)

Merge request reports

Loading