Add cut line for board lists with WIP limit
What does this MR do and why?
When a work in progress limit is exceeded a visible indicator separates items within and exceeding the limit to clarify where the limit is exceeded and help users manage issues around that limit. As lists use priority order the cut line can help users understand if items below the cut are important enough to accept the overage or if they should be moved to another list.
This also changes the styling to extend into the header to avoid the split appearance where cards sit against a visible header border. As a result the color used is more muted to provide readability in the header.
Work in progress overages are currently indicated by color only. While users can determine this status by noting the numbers (3/2, an overage of 1) the cut line provides a more visual indicator not reliant on color.
A similar exploration with solution validation can be found here; this proposal blends option 1 (currently implemented background color) with option 2 (indicator of items beyond limit, not exactly the same implementation of this concept; most selected in that study).
Related to #440540 (closed)
| Before | After |
|---|---|
 |
 |
What does this MR not do?
The cut line does not appear when swimlanes (group by epic) are enabled. We could look at adding this later, but it may not be as useful when the list is subdivided into multiple prioritized lists rather than one prioritized list.
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.
How to set up and validate locally
- Open a board
- Create a list using any scope
- Once created, edit the board and apply a work in progress limit
- Add items to the list to exceed the limit