Skip to content

Conversation

@marjisound
Copy link
Contributor

@marjisound marjisound commented Nov 24, 2025

What does this change?

This PR adds a new component ScrollableSmallOnwards. The purpose of this component is to be used for onwards contents. Currently as part of this PR, the new component is only used for Gallery articles onwards. But the future plan is to migrate all the rest of articles to use the new design for onwards contents.

Note: Because the design of the cards for this new container are different from the cards used in the existing onwards containers, I had to introduce a new field in the Card component: contextFormat?: ArticleFormat;. This field is used to distinguish between the new design of the onwards cards in gallery articles and the existing onwards cards which are used in all other articles. In the future when we apply this new design to the onwards contents of all articles, this new field (contextFormat) can be removed.

Why?

This change is a re-design of the onwards container. Currently as part of this PR, the re-design is only applied for the Gallery onwards containers, but the future plan is to do this for all article.

Screenshots

Light LeftCol Dark LeftCol
lightLeftCol darkLeftCold
Light mobile Dark mobile
before after

This PR fixes #14313

@marjisound marjisound changed the title Add new onward container with new design New approach - Add new onward container with new design Nov 24, 2025
@marjisound marjisound added the run_chromatic Runs chromatic when label is applied label Nov 24, 2025
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Nov 24, 2025
@github-actions
Copy link

github-actions bot commented Nov 24, 2025

@github-actions
Copy link

github-actions bot commented Nov 24, 2025

@marjisound marjisound force-pushed the gallery-secondary-onward-container branch from f4723ef to 938b4a8 Compare November 24, 2025 16:38
@marjisound marjisound added the run_chromatic Runs chromatic when label is applied label Nov 24, 2025
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Nov 24, 2025
@marjisound marjisound added the run_chromatic Runs chromatic when label is applied label Nov 25, 2025
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Nov 25, 2025
@marjisound marjisound force-pushed the gallery-secondary-onward-container branch 2 times, most recently from 2b9af5d to 464aa26 Compare November 25, 2025 09:39
@marjisound marjisound added the run_chromatic Runs chromatic when label is applied label Nov 25, 2025
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Nov 25, 2025
@marjisound marjisound changed the title New approach - Add new onward container with new design Add new scrollable onwards container with new design Nov 25, 2025
@marjisound marjisound self-assigned this Nov 25, 2025
@marjisound marjisound modified the milestones: Decommission AR, Requests Nov 25, 2025
@marjisound marjisound added the run_chromatic Runs chromatic when label is applied label Nov 25, 2025
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Nov 25, 2025
@marjisound marjisound force-pushed the gallery-secondary-onward-container branch from d0ab9df to a54742c Compare November 25, 2025 11:14
@marjisound marjisound added the run_chromatic Runs chromatic when label is applied label Nov 25, 2025
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Nov 25, 2025
@marjisound marjisound added the run_chromatic Runs chromatic when label is applied label Nov 26, 2025
@marjisound marjisound force-pushed the gallery-secondary-onward-container branch from 01bc311 to de1226c Compare November 26, 2025 16:03
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Nov 26, 2025
@marjisound marjisound added the run_chromatic Runs chromatic when label is applied label Nov 26, 2025
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Nov 26, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feasibility: Replace 'More on this story' with new layout

2 participants