This commit is contained in:
2025-08-04 11:48:29 +02:00
parent cd9d635541
commit ecc1524216
4 changed files with 107 additions and 53 deletions

View File

@@ -471,64 +471,64 @@
align-items: center; align-items: center;
} }
// .radioButton { .radioButton {
// position: absolute; position: absolute;
// opacity: 0; opacity: 0;
// cursor: pointer; cursor: pointer;
// height: 0; height: 0;
// width: 0; width: 0;
// } }
// /* Create a custom radio button */ /* Create a custom radio button */
// .checkmark { .checkmark {
// display: inline-block; display: inline-block;
// top: 0; top: 0;
// left: 0; left: 0;
// height: 20px; height: 20px;
// width: 36px; width: 36px;
// background-color: #30da0c; background-color: #30da0c;
// border-radius: 5px; border-radius: 5px;
// box-shadow: 0 0 10px #003300 inset; box-shadow: 0 0 10px #003300 inset;
// -webkit-box-shadow: 0 0 10px #003300 inset; -webkit-box-shadow: 0 0 10px #003300 inset;
// -moz-box-shadow: 0 0 10px #003300 inset; -moz-box-shadow: 0 0 10px #003300 inset;
// -o-box-shadow: 0 0 10px #003300 inset; -o-box-shadow: 0 0 10px #003300 inset;
// border-radius: 10px; border-radius: 10px;
// -webkit-border-radius: 10px; -webkit-border-radius: 10px;
// -moz-border-radius: 10px; -moz-border-radius: 10px;
// -o-border-radius: 10px; -o-border-radius: 10px;
// } }
// /* On mouse-over, add a grey background color */ /* On mouse-over, add a grey background color */
// .container:hover input ~ .checkmark { .container:hover input ~ .checkmark {
// background-color: #3de31c; background-color: #3de31c;
// } }
// /* When the radio button is checked, add a blue background */ /* When the radio button is checked, add a blue background */
// .container input:checked ~ .checkmark { .container input:checked ~ .checkmark {
// background-color: #3de31c; background-color: #3de31c;
// } }
// /* Create the indicator (the dot/circle - hidden when not checked) */ /* Create the indicator (the dot/circle - hidden when not checked) */
// .checkmark:after { .checkmark:after {
// content: ""; content: "";
// position: absolute; position: absolute;
// display: none; display: none;
// } }
// /* Show the indicator (dot/circle) when checked */ /* Show the indicator (dot/circle) when checked */
// .container input:checked ~ .checkmark:after { .container input:checked ~ .checkmark:after {
// display: block; display: block;
// } }
// /* Style the indicator (dot/circle) */ /* Style the indicator (dot/circle) */
// .container .checkmark:after { .container .checkmark:after {
// top: 5px; top: 5px;
// left: 8px; left: 8px;
// width: 10px; width: 10px;
// height: 10px; height: 10px;
// border-radius: 50%; border-radius: 50%;
// background: black; background: black;
// } }
} }

View File

@@ -1,3 +1,11 @@
.pokemon.sheet.characterSheet {
/* Create a custom radio button */
/* On mouse-over, add a grey background color */
/* When the radio button is checked, add a blue background */
/* Create the indicator (the dot/circle - hidden when not checked) */
/* Show the indicator (dot/circle) when checked */
/* Style the indicator (dot/circle) */
}
.pokemon.sheet.characterSheet .window-content { .pokemon.sheet.characterSheet .window-content {
background: #c00d0d; background: #c00d0d;
color: white; color: white;
@@ -395,3 +403,49 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.pokemon.sheet.characterSheet .radioButton {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.pokemon.sheet.characterSheet .checkmark {
display: inline-block;
top: 0;
left: 0;
height: 20px;
width: 36px;
background-color: #30da0c;
border-radius: 5px;
box-shadow: 0 0 10px #003300 inset;
-webkit-box-shadow: 0 0 10px #003300 inset;
-moz-box-shadow: 0 0 10px #003300 inset;
-o-box-shadow: 0 0 10px #003300 inset;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
}
.pokemon.sheet.characterSheet .container:hover input ~ .checkmark {
background-color: #3de31c;
}
.pokemon.sheet.characterSheet .container input:checked ~ .checkmark {
background-color: #3de31c;
}
.pokemon.sheet.characterSheet .checkmark:after {
content: "";
position: absolute;
display: none;
}
.pokemon.sheet.characterSheet .container input:checked ~ .checkmark:after {
display: block;
}
.pokemon.sheet.characterSheet .container .checkmark:after {
top: 5px;
left: 8px;
width: 10px;
height: 10px;
border-radius: 50%;
background: black;
}

View File

@@ -1,5 +1,5 @@
{ {
"version": "0.0.44", "version": "0.0.45",
"id": "pokemon", "id": "pokemon",
"title": "Pokémon TTRPG", "title": "Pokémon TTRPG",
"description": "A Pokémon TTRPG", "description": "A Pokémon TTRPG",

Binary file not shown.