Migrate Test Case show & Requirements list to Container Queries
What does this MR do and why?
Migrates CSS classes on components used for Test Case show app & Requirements list app to be compatible with Tailwind 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 within a Project;
-
/-/quality/test_cases- Create and view a Test Case -
/-/requirements_management/requirements- Create and view a Requirement
-
- 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 Issues
Edited by Kushal Pandya