ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean up some styles

Browse Source
This commit is contained in:
Catalin Mititiuc 2024-03-25 12:54:27 -07:00
parent fd7bccda92
commit de5f3c2666
4 changed files with 12 additions and 147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
damage_block.css
View File

@ -58,4 +58,4 @@ label:has(+ label input:checked) {
label:has(input:checked) + label { label:has(input:checked) + label {
display: block; display: block;
} }

16
index.js
View File

@ -300,15 +300,13 @@ map.addEventListener('mousemove', e => {
document.querySelectorAll('.soldier-record').forEach(el => document.querySelectorAll('.soldier-record').forEach(el =>
el.addEventListener('click', e => { el.addEventListener('click', e => {
if (e.target.tagName !== 'INPUT' && e.target.tagName !== 'LABEL') { if (el.classList.contains('selected')) {
if (el.classList.contains('selected')) { el.classList.remove('selected');
el.classList.remove('selected'); } else {
} else { document.querySelectorAll('.soldier-record.selected').forEach(el =>
document.querySelectorAll('.soldier-record.selected').forEach(el => el.classList.remove('selected')
el.classList.remove('selected') );
); el.classList.add('selected');
el.classList.add('selected');
}
} }
}) })
); );

5
soldier_record_block.css
View File

@ -4,11 +4,14 @@ span {
margin-right: 1em; margin-right: 1em;
} }
.physical-status-track {
text-align: center;
}
.physical-status-track span { .physical-status-track span {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline-block; display: inline-block;
text-align: center;
vertical-align: middle; vertical-align: middle;
} }

136
style.css
View File

@ -70,142 +70,6 @@ line.ruler {
display: inline-block; display: inline-block;
} }
.soldier-record ul {
margin: 0;
padding: 0;
}
.soldier-record ul li {
display: inline;
margin-left: 1em;
}
.soldier-record p {
margin: 0;
}
.damage label {
margin: 0;
padding: 0;
}
.damage span {
margin: 0;
padding: 0;
}
.damage > span {
display: inline-block;
text-align: center;
font-family: serif;
vertical-align: middle;
}
.damage-selector {
width: 20px;
height: 30px;
margin: 0;
padding: 0;
border: 1px solid black;
display: inline-block;
}
.damage-selector.clear {
background-color: white;
}
.damage-selector.bruise {
background-color: orange;
}
.damage-selector.lethal {
background-color: red;
}
.damage label input {
position: absolute;
opacity: 0;
margin: 0;
padding: 0;
}
/* .soldier-record p.damage span {
display: inline-block;
}
.soldier-record p.damage span input {
display: block;
} */
/* input {
border: none;
outline: 2px solid deeppink;
}
input + label {
border: 1px solid red;
display: none;
}
input:first-of-type {
outline: none;
}
label:first-of-type {
border: none;
display: inline;
}
input:checked {
border: none;
outline: 2px solid deeppink;
}
input:checked + label {
border: 1px solid red;
display: none;
}
input:has(+ label + input:checked) {
border: none;
outline: 2px solid deeppink;
}
label:has(+ input:checked) {
border: 1px solid red;
display: none;
}
input[type="radio"]:checked + label + input {
outline: none;
}
input:checked + label + input + label {
border: none;
display: inline;
}
*/
label {
display: none;
}
label:first-of-type {
display: block;
}
label:has(input:checked) {
display: none;
}
label:has(+ label input:checked) {
display: none;
}
label:has(input:checked) + label {
display: block;
}
image#img1 { image#img1 {
transform: scale(3.41) rotate(-0.15deg); transform: scale(3.41) rotate(-0.15deg);
/* opacity: 0.33; */ /* opacity: 0.33; */