Resolve Issue list page size control overlap
requested to merge 389569-issue-list-page-size-control-overlaps-pagination-at-narrow-resolutions into master
What does this MR do and why?
Apply new util classes to make issueables list pagination behave in desired manner. See related issue Issue list page size control overlaps paginatio... (#389569 - closed).
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
Viewport width | Before | After |
---|---|---|
1000px (lg) | ||
790px (md) | ||
700px (sm) | ||
400px (xs) |
How to set up and validate locally
- Check out this branch locally
- Navigate to http://gdk.test:3000/groups/gitlab-org/-/issues
- Resize the window so that it is smaller than our
md
breakpoint - You will see that the pagination now behaves the same as the pagination at the bottom of https://gitlab.com/gitlab-org/gitlab/-/security/vulnerability_report in small viewports
Related to #389569 (closed), #425467 (closed)
Edited by Chad Lavimoniere