impulsivefps
/
lemonlink
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: Make service cards fully clickable by adding pointer-events rules

This commit is contained in:
Roberth Rajala 2026-02-02 15:24:03 +01:00
parent 435a7e99dc
commit 76aed038da
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
styles.css
View File

@ -853,11 +853,13 @@ body {
opacity: 0; opacity: 0;
transform: translateX(-10px); transform: translateX(-10px);
transition: var(--transition-normal); transition: var(--transition-normal);
pointer-events: none;
} }
.service-arrow svg { .service-arrow svg {
width: 16px; width: 16px;
height: 16px; height: 16px;
pointer-events: none;
} }
.service-card:hover .service-arrow { .service-card:hover .service-arrow {
@ -1957,19 +1959,25 @@ body {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
/* Ensure service cards are clickable */ /* ========================================
.service-card { CLICK FIX - Ensure service cards are fully clickable
cursor: pointer; ======================================== */
position: relative;
}
/* Fix service glow - don't block clicks */
.service-glow {
pointer-events: none;
}
/* Ensure anchor service cards work properly */ /* Ensure anchor service cards work properly */
a.service-card { a.service-card {
display: block; display: block;
text-decoration: none; text-decoration: none;
cursor: pointer !important;
}
/* ALL children of service cards should not block clicks */
.service-card * {
pointer-events: none !important;
}
/* But the anchor itself should be clickable */
a.service-card,
a.service-card:active,
a.service-card:focus {
pointer-events: auto !important;
} }