Skip to content

Gallery main media: constrain lightbox overlay - #14535

Merged
DanielCliftonGuardian merged 5 commits into
mainfrom
Lightbox-Click-Area-fix-
Sep 23, 2025
Merged

DanielCliftonGuardian merged 5 commits into
mainfrom
Lightbox-Click-Area-fix-

Conversation

@DanielCliftonGuardian

@DanielCliftonGuardian DanielCliftonGuardian commented Sep 19, 2025

Copy link
Copy Markdown
Contributor

What does this change?

Adds position: relative to the main media gallery figure so the LightboxLink overlay is confined to the image. Adds a stacking context for Gallery main media (position: relative; z-index: 0) and elevates the Gallery headline (z-index: 2) to preserve headline over image overlap.

Why?

Prevents the lightbox click area extending over the masthead.
Resolves #14521

@github-actions

github-actions Bot commented Sep 19, 2025

Copy link
Copy Markdown

@github-actions

github-actions Bot commented Sep 19, 2025

Copy link
Copy Markdown

@DanielCliftonGuardian DanielCliftonGuardian added the run_chromatic Runs chromatic when label is applied label Sep 19, 2025
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 19, 2025
@DanielCliftonGuardian DanielCliftonGuardian changed the title Fix gallery lightbox click area bug Gallery main media: constrain lightbox overlay Sep 19, 2025
@DanielCliftonGuardian DanielCliftonGuardian added the run_chromatic Runs chromatic when label is applied label Sep 19, 2025
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 19, 2025
@DanielCliftonGuardian
DanielCliftonGuardian marked this pull request as ready for review September 19, 2025 16:18
@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.

@DanielCliftonGuardian DanielCliftonGuardian added this to the Decommission AR milestone Sep 19, 2025
@DanielCliftonGuardian
DanielCliftonGuardian marked this pull request as draft September 22, 2025 09:45
@DanielCliftonGuardian
DanielCliftonGuardian marked this pull request as ready for review September 22, 2025 11:13
@DanielCliftonGuardian DanielCliftonGuardian added the run_chromatic Runs chromatic when label is applied label Sep 22, 2025
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 22, 2025
Comment thread dotcom-rendering/src/components/ArticleHeadline.tsx Outdated
@DanielCliftonGuardian DanielCliftonGuardian added the run_chromatic Runs chromatic when label is applied label Sep 22, 2025
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 22, 2025
@DanielCliftonGuardian DanielCliftonGuardian added the run_chromatic Runs chromatic when label is applied label Sep 22, 2025
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 22, 2025
@DanielCliftonGuardian
DanielCliftonGuardian merged commit c3690cf into main Sep 23, 2025
31 checks passed
@DanielCliftonGuardian
DanielCliftonGuardian deleted the Lightbox-Click-Area-fix- branch September 23, 2025 10:06
@gu-prout

gu-prout Bot commented Sep 23, 2025

Copy link
Copy Markdown

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

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.

Main Media Lightbox Click Area Covers Masthead

2 participants