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

@ -31,6 +31,7 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
border: 2px solid #500;
border-radius: 3px;
order: 1;
padding: 0;
position: relative;
}
@ -46,21 +47,17 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
right: 4px;
}
.healthWrapper > .healthContainer > label.healthTrackerBox:checked {
.healthWrapper > .healthContainer > input:checked + .healthTrackerBox {
opacity: 0;
z-index: 0;
position: absolute;
}
.healthWrapper > .healthContainer > label.healthTrackerBox:checked ~ .healthTrackerBox {
.healthWrapper > .healthContainer > input:checked ~ .healthTrackerBox {
background-color: #444;
order: 3;
}
.healthWrapper > .healthContainer > label.healthTrackerBox:focus {
outline: none;
}
.abilityBox {
height: -webkit-fit-content;
height: -moz-fit-content;