Skip to content

Add shareButton colour to Hosted Content - #15333

Merged
deedeeh merged 3 commits into
mainfrom
dina/add-share-button-colour-for-hosted
Feb 11, 2026
Merged

deedeeh merged 3 commits into
mainfrom
dina/add-share-button-colour-for-hosted

Conversation

@deedeeh

@deedeeh deedeeh commented Feb 11, 2026

Copy link
Copy Markdown
Contributor

What does this change?

This PR continues the work of #15317 by adding the shareButton component's colour for Hosted Content as we now have access to the new ArticleDesign for Hosted contents.

The changes:

  • Added ArticleDesign.HostedArticle, ArticleDesign.HostedGallery and ArticleDesign.HostedVideo to the --share-button and --share-button-hover which are used by the shareButton component styles.
  • Updated HostedArticleLayout to include format and I passed the required data to the shareButton component.
  • Added shareButton to HostedGalleryLayout as I missed it in the previous PR.
  • Updated the stories for both layouts to include the correct format.
  • Added format to the Hosted Content Layouts in DecideLayout.tsx

The below screenshots are just from the HostedArticleLayout as I can show the before and after.

Why?

Hosted Content migration to DCAR

Screenshots

Before After
before after
before2 after2

@deedeeh deedeeh added Commercial 💰 maintenance Departmental tracking: maintenance work, not a fix or a feature labels Feb 11, 2026
@deedeeh deedeeh changed the title Add shareButton colour and add shareButton to HostedGalleryLayout Add shareButton colour Feb 11, 2026
@deedeeh deedeeh changed the title Add shareButton colour Add shareButton colour to Hosted Content Feb 11, 2026
@github-actions

github-actions Bot commented Feb 11, 2026

Copy link
Copy Markdown

Comment thread dotcom-rendering/src/layouts/HostedGalleryLayout.tsx
@deedeeh
deedeeh marked this pull request as ready for review February 11, 2026 10:28
@github-actions

Copy link
Copy Markdown

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

Comment thread dotcom-rendering/src/layouts/HostedGalleryLayout.tsx
Comment thread dotcom-rendering/src/layouts/HostedGalleryLayout.tsx
@deedeeh deedeeh added the run_chromatic Runs chromatic when label is applied label Feb 11, 2026
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Feb 11, 2026
@deedeeh
deedeeh merged commit 5e16fd3 into main Feb 11, 2026
31 checks passed
@deedeeh
deedeeh deleted the dina/add-share-button-colour-for-hosted branch February 11, 2026 16:36
@gu-prout

gu-prout Bot commented Feb 11, 2026

Copy link
Copy Markdown

Seen on PROD (merged by @deedeeh 6 minutes and 54 seconds ago) Please check your changes!

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

Labels

Commercial 💰 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.

3 participants