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

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;
    • Open issue details in the drawer as well as full page view
    • Open New issue modal 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
  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 to #559606

Edited by Kushal Pandya

Merge request reports

Loading