repairs visuals of combat tab
parent
e118e8ba92
commit
49896e0966
|
|
@ -5,16 +5,39 @@
|
|||
grid-template-columns: 1fr 320px;
|
||||
grid-template-rows: 32px 32px 1fr;
|
||||
grid-template-areas: "res res" "wounds wounds" "actions actions";
|
||||
gap: 10px;
|
||||
padding: 8px;
|
||||
gap: 8px;
|
||||
|
||||
.tab-resources {
|
||||
div.combatline {
|
||||
grid-area: res;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-self: center;
|
||||
height: unset;
|
||||
padding: 0;
|
||||
gap: 0 8px;
|
||||
|
||||
|
||||
input {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
span, label {
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.wounds {
|
||||
position: relative;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
flex-direction: unset;
|
||||
gap: unset;
|
||||
padding: unset;
|
||||
margin-bottom: 8px;
|
||||
padding-left: 130px;
|
||||
grid-area: wounds;
|
||||
|
|
@ -69,7 +92,13 @@
|
|||
|
||||
.actions {
|
||||
grid-area: actions;
|
||||
padding: 0;
|
||||
|
||||
.grid-of-actions {
|
||||
display: unset;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.zones {
|
||||
grid-template-areas: "res res" "wounds wounds" "actions paperdoll";
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
data-tab="{{tabs.combat.id}}"
|
||||
data-group="{{tabs.combat.group}}">
|
||||
|
||||
<div class="tab-resources">
|
||||
<div class="combatline">
|
||||
|
||||
<div class="initiaitve">
|
||||
<label>Initiative:</label>
|
||||
|
|
@ -12,16 +12,16 @@
|
|||
</div>
|
||||
<div class="lebensenergie">
|
||||
<label>Lebensenergie:</label>
|
||||
<input type="number" name="system.lep.aktuell" value="{{actor.system.lep.aktuell}}"/>
|
||||
<input type="number" name="system.lep.aktuell" value="{{this.system.lep.aktuell}}"/>
|
||||
<span class="inline">von</span>
|
||||
<input type="number" disabled value="{{actor.system.lep.max}}"/>
|
||||
<input type="number" disabled value="{{this.system.lep.max}}"/>
|
||||
</div>
|
||||
{{#if ausdauer}}
|
||||
<div class="ausdauer">
|
||||
<label>Ausdauerpunkte:</label>
|
||||
<input type="number" name="system.aup.aktuell" value="{{actor.system.aup.aktuell}}"/>
|
||||
<input type="number" name="system.aup.aktuell" value="{{this.system.aup.aktuell}}"/>
|
||||
<span class="inline">von</span>
|
||||
<input type="number" disabled value="{{actor.system.aup.max}}"/>
|
||||
<input type="number" disabled value="{{this.system.aup.max}}"/>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if (not zonenruestung)}}
|
||||
|
|
@ -54,10 +54,12 @@
|
|||
|
||||
<div class="actions">
|
||||
<h3>Aktionen im Kampf</h3>
|
||||
<div class="grid-of-actions">
|
||||
{{#each this.actions}}
|
||||
{{> "systems/DSA_4-1/templates/ui/partial-action-button.hbs" this}}
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if (or trefferzonen zonenruestung)}}
|
||||
<div class="paperdoll">
|
||||
|
|
|
|||
Loading…
Reference in New Issue