Migrate to container queries for pipeline details page (2)

What does this MR do and why?

Migrate to container queries for pipeline details page

This change migrates classes in pipelines graphs to use container queries.

Depends on !203668 (merged)

Technical Details

This also changes the way page specific styles are included so we can start migration of CSS styles to container queries.

It conditionally loads migrated styles if present when the corresponding feature flag is enabled.

References

Screenshots or screen recordings

2025-09-04_14.01.55

How to set up and validate locally

  1. export USE_TAILWIND_CONTAINER_QUERIES=true && echo "Feature.enable(:tailwind_container_queries) && Feature.enable(:global_topbar) && Feature.enable(:paneled_view)" | bundle exec rails c && gdk restart
  2. Ensure Preview -> New UI
  3. Check your pipelines are rendered correctly

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 #567314

Edited by Miguel Rincon

Merge request reports

Loading