Skip to content

fix(catalog): entity pages layouts#4379

Merged
openshift-merge-bot[bot] merged 3 commits intoredhat-developer:mainfrom
rohitratannagar:fix/entity-pages-layouts
Mar 13, 2026
Merged

fix(catalog): entity pages layouts#4379
openshift-merge-bot[bot] merged 3 commits intoredhat-developer:mainfrom
rohitratannagar:fix/entity-pages-layouts

Conversation

@rohitratannagar
Copy link
Contributor

@rohitratannagar rohitratannagar commented Mar 10, 2026

Description

Fixes: https://issues.redhat.com/browse/RHDHBUGS-2713

This PR adds support for container-query based responsive gridColumn in the custom Grid component.

If gridColumn is provided as a breakpoint object (via gridColumn prop or sx.gridColumn), it is now applied using CSS container queries instead of viewport media queries. This allows grid items to respond to the container width rather than the viewport width.

Since this change is implemented at the Grid component level, the fix automatically applies to all entity pages that use this Grid, not just the Overview entity page.

UI before changes

image-2026-02-18-14-04-13-780

UI after changes

Screen.Recording.2026-03-10.at.4.42.18.PM.mov

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>
@rohitratannagar rohitratannagar changed the title Fix/entity pages layouts fix/entity pages layouts Mar 10, 2026
@rohitratannagar rohitratannagar changed the title fix/entity pages layouts fix(catalog): entity pages layouts Mar 10, 2026
@rohitratannagar rohitratannagar marked this pull request as draft March 10, 2026 10:38
@rohitratannagar rohitratannagar marked this pull request as ready for review March 10, 2026 10:38
@openshift-ci openshift-ci bot requested review from alizard0 and jonkoops March 10, 2026 10:38
@github-actions
Copy link
Contributor

Image was built and published successfully. It is available at:

@rohitratannagar
Copy link
Contributor Author

/test e2e-ocp-helm

@rohitratannagar rohitratannagar force-pushed the fix/entity-pages-layouts branch 2 times, most recently from 9ced8f8 to 8dd7a2d Compare March 12, 2026 07:00
@github-actions
Copy link
Contributor

The container image build workflow finished with status: cancelled.

Signed-off-by: rohitratannagar <rohitratannagar2003@gmail.com>
@rohitratannagar rohitratannagar force-pushed the fix/entity-pages-layouts branch from 8dd7a2d to 2337ae9 Compare March 12, 2026 07:08
@github-actions
Copy link
Contributor

The container image build workflow finished with status: cancelled.

@sonarqubecloud
Copy link

@github-actions
Copy link
Contributor

Image was built and published successfully. It is available at:

Copy link
Contributor

@HusneShabbir HusneShabbir left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

/retest

@rohitratannagar
Copy link
Contributor Author

On cluster

Screen.Recording.2026-03-12.at.6.39.29.PM.mov

Copy link
Contributor

@HusneShabbir HusneShabbir left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested changes on the cluster, Works as expected.
/lgtm

Screen.Recording.2026-03-13.at.11.38.38.AM.mov

@openshift-ci openshift-ci bot added the lgtm label Mar 13, 2026
@openshift-merge-bot openshift-merge-bot bot merged commit d68b119 into redhat-developer:main Mar 13, 2026
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants