Fix panel query for work item attributes wrapper
What does this MR do and why?
The work item attributes wrapper should query its closest parent container, not the panel itself. This aligns it with the container queries used for other work item content and avoids an awkward transitional width where the panel and the work item container are in different breakpoints.
References
- Related to !207146 (merged), where this problem was introduced
- Side-panel child items getting conflicting with... (#575390 - closed)
Screenshots or screen recordings
Before | After |
---|---|
![]() |
![]() |
How to set up and validate locally
- Check out this branch
- In the GDK, open a work item
- Resize your viewport so that the panel containing the work item is >=768px wide, but the work item container (the div with class
.work-item-view
is <768px wide. Also make sure your viewport is reasonably low height, as the viewport height impacts the ease of reproduction - You will see that the work item attributes (most notably the participants as that is the last part of it) does not overlap the next section in the work item
- Scale your viewport wider and narrower to see that this container query now triggers at the same breakpoint as the other work item elements
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 Paul Gascou-Vaillancourt