Skip to content

Revamped immersive layout(s)#15922

Draft
frederickobrien wants to merge 7 commits into
mainfrom
portrait-layout
Draft

Revamped immersive layout(s)#15922
frederickobrien wants to merge 7 commits into
mainfrom
portrait-layout

Conversation

@frederickobrien

@frederickobrien frederickobrien commented May 19, 2026

Copy link
Copy Markdown
Contributor

What does this change?

Built atop #15428, this implements revamped immersive article layouts.

Different arrangements are used depending on the main media's aspect ratio. The oft-used portrait atom is now immersivePortrait, with immersiveLandscape the other fork.

Context/inspiration on the fade effect:

Why?

For a fair old while now interactive atoms have been used to create pages that look a bit like this and this. They're so widely used now that they really ought to be first class citizens of the platform.

Screenshots

Immersive landscape (default)

Before After
n/a after

Immersive landscape (feature)

Before After
before after

Examples of immersive articles

@frederickobrien frederickobrien self-assigned this May 19, 2026
@frederickobrien frederickobrien added the feature Departmental tracking: work on a new feature label May 19, 2026
@frederickobrien frederickobrien added this to the Interactives milestone May 19, 2026
@github-actions

github-actions Bot commented May 20, 2026

Copy link
Copy Markdown

@frederickobrien frederickobrien force-pushed the portrait-layout branch 2 times, most recently from 09362cb to 996e900 Compare May 27, 2026 17:22
@frederickobrien frederickobrien force-pushed the portrait-layout branch 5 times, most recently from 3ce6970 to 84f2872 Compare June 5, 2026 16:50
@frederickobrien frederickobrien force-pushed the portrait-layout branch 7 times, most recently from cb8f763 to f10369e Compare June 11, 2026 15:13
@frederickobrien frederickobrien force-pushed the portrait-layout branch 3 times, most recently from 966c3c0 to 891f637 Compare June 23, 2026 14:36
@frederickobrien frederickobrien changed the title Portrait layout Revamped immersive layout(s) Jun 23, 2026
@frederickobrien

Copy link
Copy Markdown
Contributor Author

@copilot resolve the merge conflicts in this pull request

Copilot AI commented Jun 30, 2026

Copy link
Copy Markdown

@copilot resolve the merge conflicts in this pull request

Done in 2ec6ade — I merged the latest base branch and resolved the merge conflicts in this PR.

@frederickobrien frederickobrien force-pushed the portrait-layout branch 2 times, most recently from f8cff4f to 40d7b4e Compare June 30, 2026 16:48
Comment on lines 23 to +24
isTimeline?: boolean;
articleArrangement?: LayoutType;

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Could/should combine these two? Some context

@frederickobrien frederickobrien force-pushed the portrait-layout branch 5 times, most recently from 12063d3 to 15a9ea3 Compare July 8, 2026 12:37
@akash1810

akash1810 commented Jul 9, 2026

Copy link
Copy Markdown
Member

Please rebase this branch against main before deploying to CODE. #16321 made some changes to CI and infrastructure. Deploying this branch without these changes present will either:

  • Fail when using Riff-Raff's default update strategy
  • OR delete the new infrastructure if using Riff-Raff's "dangerous" mode

Please rebase this branch against main before deploying to CODE.

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

Labels

feature Departmental tracking: work on a new feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants