Agahnim/agahnim.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

header: remove labels since they capture input sometimes ????

Browse source
This commit is contained in:
Agahnim 2026-03-20 15:01:08 +01:00
parent 5d32091553
commit 1974afd770
2 changed files with 14 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

22
static/style.css
View file

@ -81,7 +81,16 @@ navbar {
display: flex; display: flex;
gap: 0.3rem; gap: 0.3rem;
label {
input {
opacity: 0;
position: absolute;
pointer-events: none;
}
& a {
color: inherit;
text-decoration: none;
cursor: pointer; cursor: pointer;
padding: 4px 8px; padding: 4px 8px;
border: 2px solid black; border: 2px solid black;
@ -104,17 +113,6 @@ navbar {
background: #0004; background: #0004;
} }
} }
input {
opacity: 0;
position: absolute;
pointer-events: none;
}
& a {
text-decoration: none;
color: inherit;
}
} }
} }

12
templates/partials/header.html
View file

@ -1,12 +1,8 @@
<navbar> <navbar>
<navbar-content> <navbar-content>
<label> <input type="radio" name="nav" id="nav-home" checked>
<input type="radio" name="nav" id="nav-home" checked> <a href="/">Accueil</a>
<a href="/">Accueil</a> <input type="radio" name="nav" id="nav-music">
</label> <a href="/music">Music</a>
<label>
<input type="radio" name="nav" id="nav-music">
<a href="/music">Music</a>
</label>
</navbar-content> </navbar-content>
</navbar> </navbar>