Refactor Radio Inputs to Labels for hit tracker

This commit is contained in:
Sebastian Fischlmayr 2022-09-14 13:52:46 +02:00
parent 3458f39973
commit 395bfa1616
Signed by: Maverick
GPG key ID: 6379E413924A4E77
4 changed files with 37 additions and 41 deletions

View file

@ -14,6 +14,7 @@
margin: -1px;
}
/* TODO: Refactor to use Labels !!!! */
label {
&.healthTrackerBox {
cursor: pointer;
@ -27,6 +28,7 @@
width: 6rem;
height: 6rem;
border-radius: 3px;
padding: 0px;
&.reset {
order: 2;
@ -39,21 +41,19 @@
top: 2px;
right: 4px;
}
&:checked {
position: absolute;
opacity: 0;
z-index: 0;
}
&:checked ~ .healthTrackerBox {
order: 3;
background-color: #444444;
}
&:focus {
outline: none;
}
}
}
input:checked {
& + .healthTrackerBox {
position: absolute;
opacity: 0;
z-index: 0;
}
& ~ .healthTrackerBox {
order: 3;
background-color: #444444;
}
}
}