header: remove labels since they capture input sometimes ????
This commit is contained in:
parent
2ed650c3f4
commit
86a564a2a9
2 changed files with 14 additions and 20 deletions
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue