Fix: Click-through blur effect when gallery images have a caption.

[Rishit30G]

What?

Closes #69061

Why?

This PR is intended to resolve the issue which makes the blur effect block the image click

How?

This PR makes the following changes to the SCSS file:

pointer-events: none;
cursor: pointer;

This will help the cursor to appear on the blur part of the image and it will be clickable as well

Testing Instructions

• Create a new post
• Add a new gallery block
• Add some images to the gallery block
• Add caption to the images
• Notice the images in the frontend
• Notice that large part of the area above the caption is now clickable, previously it was not

Screenshots or screencast

Before	After
https://github.com/user-attachments/assets/3b9bca6f-63ec-4f9e-9d9c-e3538f2e413a	https://github.com/user-attachments/assets/a42643fa-bb90-497d-8c74-5e3d3cda3c1c

PS: Sorry for the bad screen recording, my laptop's screen recorder wasn't able to show the cursor: pointer behaviour so had to rely on phone for recording 😓

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

Unlinked Accounts

The following contributors have not linked their GitHub and WordPress.org accounts: @CruelDrool.

Contributors, please read how to link your accounts to ensure your work is properly credited in WordPress releases.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Unlinked contributors: CruelDrool.

Co-authored-by: Rishit30G <[email protected]>
Co-authored-by: t-hamano <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[t-hamano]

Sorry for the late reply.

The changes look good to me, but can you rebase this PR?

Additionally, is there a reason why you added cursor:pointer in addition to pointer-events:none?

[Rishit30G]

Thanks for the review @t-hamano! 🙇🏻

I have rebased the PR

Additionally, is there a reason why you added cursor:pointer in addition to pointer-events:none?

The element has pointer-events: none; so that clicks or interactions will "pass through" it to elements underneath i.e the image
As of now because of the background blur layer, the pointer styles are there but it is not able to redirect to the image url, pointer-events: none; fixes it

[t-hamano]

I didn't see the difference between having cursor:pointer and not having it. Will removing cursor:pointer cause any problems?

[Rishit30G]

On rechecking, agreed it doesn't add any visual change, apologies for the overlook 🙇🏻