Skip to content

Remove the extra blank space and hide sticky header in work item drawer

Fernanda Toledo requested to merge 462619-follow-up-from-fix-container-scroll-and-dropdown-visible-when-less-space-available into master

What does this MR do and why?

  1. Remove the extra blank space above the work item's right sidebar when the drawer view is scrolled.
  2. Hide the sticky header when the work item's drawer is scrolled with the listing page.

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

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
Screen_Recording_2024-06-13_at_5.07.19_PM Screen_Recording_2024-06-13_at_5.12.20_PM

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

Bug 1:

  1. Open a /issues page with the flag issues_list_drawer enabled
  2. Click on a work item/issue/objective
  3. Expect that the work item drawer opens
  4. Open Dev Tools and make the drawer wider (increase the width of the aside element)
  5. Expect the attributes sidebar to appear on the right
  6. Scroll down the work item content and expect that the attributes sidebar scrolls just a bit, until it reaches the top of the item header without hiding the Assignees attribute and without leaving extra blank space above it

Bug 2:

  1. Without closing the drawer, scroll the listing page behind the drawer and then scroll the drawer again
  2. Expect that the sticky header doesn't show up anymore

Note: The changes should not affect the full or modal views.

Related to #462619

Edited by Fernanda Toledo

Merge request reports