Migrate Issues list page and components to Container Queries
What does this MR do and why?
Migrates apps and components used within app/views/projects/issues/index.html.haml to use Container Queries
References
- https://gitlab.com/groups/gitlab-org/-/epics/18930
- https://gitlab.com/groups/gitlab-org/-/epics/18787
Screenshots or screen recordings
NA
How to set up and validate locally
- Enabled Tailwind CQ bundle feature flag
Feature.enable(:tailwind_container_queries, User.find_by_username('root')) - Start GDK using
USE_TAILWIND_CONTAINER_QUERIES=true gdk start - Visit the following pages;
- Open issue details in the drawer as well as full page view
- Open
New issuemodal and full page view - Add designs and open attached designs and check design description form
- Visit Test Cases list
- Visit Requirements list
- Visit Epics list
- Resize the browser window, and the pages should adapt without layout problems.
- None of the pages should change or break visually.
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.
Related to #559606
Edited by Kushal Pandya