Update panel and drawer behavior on small screen

Sascha Eggenbergerrequested to merge
panel-drawer-adjustments into master

What does this MR do and why?

Updates panel and drawer behavior on small screens:

  • Stacked panel should span the entire panel width
  • GlDrawer should leave a spacing 6 gap on the left end (= 24px)

Screenshots or screen recordings

Before After
Stacked panels
panel_before panel_after
GlDrawer
drawer_before drawer_after

How to set up and validate locally

  1. Stacked panels: https://gdk.test:3000/gitlab-org/gitlab-test/-/issues?show=eyJpaWQiOiIzOSIsImZ1bGxfcGF0aCI6ImdpdGxhYi1vcmcvZ2l0bGFiLXRlc3QiLCJpZCI6NDQ4fQ%3D%3D
  2. GlDrawer: https://gdk.test:3000/gitlab-org/gitlab-test/-/settings/ci_cd#js-cicd-variables-settings
    1. In the CI/CD Variables Crud, click on Add variable

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.

Edited by Sascha Eggenberger

Merge request reports