Fix header links and glitch effect click blocking
- Add pointer-events: none to glitch pseudo-elements - Add z-index and position to nav-links for reliable clicking - Add cursor: pointer to nav links Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
89ac4ec3da
commit
b642cc0dd7
11
index.html
11
index.html
|
|
@ -160,6 +160,13 @@
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-links li {
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-links a {
|
.nav-links a {
|
||||||
|
|
@ -167,6 +174,9 @@
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
transition: color 0.3s;
|
transition: color 0.3s;
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-links a:hover {
|
.nav-links a:hover {
|
||||||
|
|
@ -244,6 +254,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.glitch:hover::before {
|
.glitch:hover::before {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue