Skip to content

Conversation

@domlander
Copy link
Contributor

@domlander domlander commented Dec 8, 2025

What does this change?

When there are fewer than 5 onwards content cards, don't allow the cards in the list to expand to fill the space on desktop. No change on mobile.

Why?

Design request.

Reviewer

Please review this commit-by-commit, as I've moved some components/styles around.

Video explainer here: https://drive.google.com/file/d/14HqzDSVaOBu877z59URGcKZFBObMFY65/view

Screenshots

Before After
desktop desktop-before desktop-after
mobile mobile-before mobile-after

@domlander domlander self-assigned this Dec 8, 2025
@domlander domlander force-pushed the doml/more-galleries-fixed-card-sizes branch from ff73f86 to 55ad5e1 Compare December 8, 2025 15:41
@domlander domlander added run_chromatic Runs chromatic when label is applied fronts + curation maintenance Departmental tracking: maintenance work, not a fix or a feature labels Dec 8, 2025
@domlander domlander marked this pull request as ready for review December 8, 2025 15:42
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Dec 8, 2025
@github-actions
Copy link

github-actions bot commented Dec 8, 2025

@domlander domlander requested a review from a team December 11, 2025 12:38
@domlander domlander force-pushed the doml/more-galleries-fixed-card-sizes branch from 21ab3d9 to 4b9c1aa Compare December 11, 2025 17:58
@domlander domlander added the run_chromatic Runs chromatic when label is applied label Dec 11, 2025
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Dec 11, 2025
Copy link
Contributor

@ioannakok ioannakok left a comment

Choose a reason for hiding this comment

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

Thanks for the video explainer Dom! Super neat work!

Copy link
Contributor

@marjisound marjisound left a comment

Choose a reason for hiding this comment

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

Great improvement, thanks for doing it 🥳

@domlander domlander merged commit 86b783d into main Dec 12, 2025
28 checks passed
@domlander domlander deleted the doml/more-galleries-fixed-card-sizes branch December 12, 2025 10:16
@gu-prout
Copy link

gu-prout bot commented Dec 12, 2025

Seen on PROD (merged by @domlander 8 minutes and 4 seconds ago) Please check your changes!

Comment on lines +27 to +31
parameters: {
chromatic: {
viewports: [breakpoints.mobile, breakpoints.desktop],
},
},
Copy link
Contributor

Choose a reason for hiding this comment

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

Just a heads up, the viewports parameter is deprecated1 in favour of the modes API. Here are some docs on our use of modes in DCAR.

Footnotes

  1. https://www.chromatic.com/docs/legacy-viewports/#viewports-legacy-storybook-api

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks for the heads up! I'll make sure to use modes in the future.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

fronts + curation maintenance Departmental tracking: maintenance work, not a fix or a feature Seen-on-PROD

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants