Skip to content

fix: add pointer-events none to Card-Link pseudo-element to fix click#569

Open
hamzax180 wants to merge 1 commit intofirstcontributions:mainfrom
hamzax180:fix-button-click-issue
Open

fix: add pointer-events none to Card-Link pseudo-element to fix click#569
hamzax180 wants to merge 1 commit intofirstcontributions:mainfrom
hamzax180:fix-button-click-issue

Conversation

@hamzax180
Copy link

Bug Fix: "Go to Project" button not clickable

Problem

The "Go to Project" button on project cards was unresponsive to clicks on hover. Users couldn't navigate to project pages by clicking the button.

Root Cause

The .Card-Link::before CSS pseudo-element creates a gradient overlay on hover, but it was missing pointer-events: none. This caused the overlay to sit on top of the <a> link and intercept all click events.

Fix

Added pointer-events: none to .Card-Link::before in ProjectCard.astro so clicks pass through the overlay to the actual link underneath.

Testing

Verified locally on the Astro dev server — buttons are now fully clickable and correctly navigate to project URLs.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant