Skip to content

Draft: Fix layout of empty project buttons

Chad Lavimoniere requested to merge 20240308-cl-project-overview-buttons into master

What does this MR do and why?

Adjusts layout of empty project buttons so that they reflow in a way that matches user expectations.

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

Note that this bug is only observed when the :project_overview_reorg feature flag is disabled. There is no change in the UI from this MR if the :project_overview_reorg feature flag is enabled.

Before After
gdk.local_3000_flightjs_blank-project. gdk.test_3000_flightjs_blank-project
gdk.local_3000_flightjs_blank-project__1_ gdk.test_3000_flightjs_blank-project__1_
gdk.local_3000_flightjs_blank-project__2_ gdk.test_3000_flightjs_blank-project__2_

How to set up and validate locally

  1. Check out this MR branch
  2. If the :project_overview_reorg feature flag is enabled on your GDK, disable it
  3. Create a new project

You should see that the empty project buttons are laid out in accordance with the "After" screenshots above. Be sure to check xs ans sm breakpoints (500px and 600px should work). The layout is identical to sm for all larger breakpoints.

Edited by Chad Lavimoniere

Merge request reports