add armor slot input

This commit is contained in:
psitacus 2025-07-14 20:22:58 -06:00
parent a768b1dfdb
commit a6be0f5b8c
2 changed files with 32 additions and 1 deletions

View file

@ -196,6 +196,35 @@
width: 80px;
height: 30px;
}
input[type='number'] {
background: transparent;
font-size: 1.2rem;
width: 30px;
height: 20px;
text-align: center;
border: none;
outline: 2px solid transparent;
color: light-dark(@dark-blue, @beige);
&.bar-input {
padding: 0;
color: light-dark(@dark-blue, @beige);
backdrop-filter: none;
background: transparent;
transition: all 0.3s ease;
&:hover,
&:focus {
background: @semi-transparent-dark-blue;
backdrop-filter: blur(9.5px);
}
}
}
.bar-label {
width: 30px;
}
}
.status-label {

View file

@ -51,7 +51,9 @@
<div class="status-number">
<div class='status-value armor-slots'>
{{#if document.system.armor.system.marks}}
<p>{{document.system.armor.system.marks.value}}/{{document.system.armorScore}}</p>
<p><input class="bar-input" name="system.armor.system.marks.value" value="{{document.system.armor.system.marks.value}}" type="number"></p>
<p>/</p>
<p class="bar-label">{{document.system.armorScore}}</p>
{{else}}
<p>-</p>
{{/if}}