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

Screenshots or screen recordings

NA

How to set up and validate locally

  1. Enabled Tailwind CQ bundle feature flag Feature.enable(:tailwind_container_queries, User.find_by_username('root'))
  2. Start GDK using USE_TAILWIND_CONTAINER_QUERIES=true gdk start
  3. Visit the following pages within a Project;
    • /-/quality/test_cases - Create and view a Test Case
    • /-/requirements_management/requirements - Create and view a Requirement
  4. Resize the browser window, and the pages should adapt without layout problems.
  5. 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

Merge request reports

Loading