Skip to content

Update spacing between card/container and branding labels#14679

Merged
cemms1 merged 1 commit intomainfrom
cemms1/update-branding-spacing
Oct 14, 2025
Merged

Update spacing between card/container and branding labels#14679
cemms1 merged 1 commit intomainfrom
cemms1/update-branding-spacing

Conversation

@cemms1
Copy link
Contributor

@cemms1 cemms1 commented Oct 14, 2025

What does this change?

Updates the spacing above the SponsoredContentLabel to be ${space[2]}px (or 8px) in all scenarios

This is used in new style Labs containers (currently behind a feature flag or available via opting into an experiment)

Why?

Requested follow-up to the design updates for Labs containers

Screenshots

Before After
before2 after2
before3 after3
before4 after4
before5 after5

@cemms1 cemms1 changed the title Update spacing above (new) branding to be 8px in all scenarios Update spacing between card/container and branding labels Oct 14, 2025
/** When we hover on sublinks, we want to prevent the general hover styles applying */
const sublinkHoverStyles = css`
:has(ul.sublinks:hover) {
:has(ul.sublinks:hover, .branding-logo:hover) {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Drive by fix: this prevents the main card hover styles applying when hovering over the branding logo (which has a different destination URL)

@cemms1 cemms1 requested a review from a team October 14, 2025 15:18
@cemms1 cemms1 added the run_chromatic Runs chromatic when label is applied label Oct 14, 2025
@cemms1 cemms1 marked this pull request as ready for review October 14, 2025 15:18
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Oct 14, 2025
Copy link
Contributor

@deedeeh deedeeh left a comment

Choose a reason for hiding this comment

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

Looks good @cemms1 👍🏼

@cemms1 cemms1 merged commit d00dfb7 into main Oct 14, 2025
38 checks passed
@cemms1 cemms1 deleted the cemms1/update-branding-spacing branch October 14, 2025 15:25
@gu-prout
Copy link

gu-prout bot commented Oct 14, 2025

Seen on PROD (merged by @cemms1 13 minutes and 26 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 💰 dotcom-rendering feature Departmental tracking: work on a new feature Seen-on-PROD

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants