Skip to content

Fix board swimlanes headers background

Chad Lavimoniere requested to merge 20240517-board-swimlanes-headers-background-fix into master

What does this MR do and why?

Prevents board contents from showing when scrolling

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

In the screenshots below, pay careful attention to the space between the top of the list headers and the bottom of the board top row.

Light mode

Before After
gdk.test_3000_flightjs_Flight_-boards_1_assignee_username_root_group_by_epic__37 gdk.test_3000_flightjs_Flight_-boards_1_assignee_username_root_group_by_epic__38

Dark mode

Before After
gdk.test_3000_flightjs_Flight_-boards_1_assignee_username_root_group_by_epic__39 gdk.test_3000_flightjs_Flight_-boards_1_assignee_username_root_group_by_epic__40

How to set up and validate locally

  1. Check out this branch locally
  2. Visit a board and turn on epic swimlanes
  3. Scroll so that some board content has scrolled behind the header row on the lists
  4. You will see that the board content that is behind the list headers is not visible around/above them, because the container around the list headers has a background
  5. Change to dark mode (or light mode if you were already in dark mode) and repeat steps 2-4
Edited by Chad Lavimoniere

Merge request reports