Skip to content

When work item is in a panel, treat it like a drawer container

Chad Lavimoniererequested to merge
20250903-clavimoniere-work-item-panel-sidebar-responsiveness into master

What does this MR do and why?

Applies the same container used on work item details when shown in a drawer or modal to work item details shown in a panel.

References

Screenshots or screen recordings

Before After
gdk.test_3000_flightjs_Flight_-issues_130_show_eyJpaWQiOiIxMzQiLCJmdWxsX3BhdGgiOiJmbGlnaHRqcy9GbGlnaHQiLCJpZCI6ODAxfQ_3D_3D__1 gdk.test_3000_flightjs_Flight_-_issues_130_show_eyJpaWQiOiIxMzQiLCJmdWxsX3BhdGgiOiJmbGlnaHRqcy9GbGlnaHQiLCJpZCI6ODAxfQ_3D_3D

How to set up and validate locally

  1. Ensure the "New UI" toggle is on in the GDK
  2. Navigate to a work item that has children
  3. Click to open a child in the side panel
  4. Horizontally resize your viewport
  5. You should see that the left work item and right work item have the same responsive behavior

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 #548836 (closed), https://gitlab.com/gitlab-org/gitlab/-/issues/567702

Merge request reports