repairs visuals of combat tab

feature/applicationv2
macniel 2025-10-20 12:24:43 +02:00
parent e118e8ba92
commit 49896e0966
2 changed files with 38 additions and 7 deletions

View File

@ -5,16 +5,39 @@
grid-template-columns: 1fr 320px; grid-template-columns: 1fr 320px;
grid-template-rows: 32px 32px 1fr; grid-template-rows: 32px 32px 1fr;
grid-template-areas: "res res" "wounds wounds" "actions actions"; grid-template-areas: "res res" "wounds wounds" "actions actions";
gap: 10px; padding: 8px;
gap: 8px;
.tab-resources { div.combatline {
grid-area: res; 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 { .wounds {
position: relative; position: relative;
height: 24px; height: 24px;
display: flex; display: flex;
flex-direction: unset;
gap: unset;
padding: unset;
margin-bottom: 8px; margin-bottom: 8px;
padding-left: 130px; padding-left: 130px;
grid-area: wounds; grid-area: wounds;
@ -69,8 +92,14 @@
.actions { .actions {
grid-area: actions; grid-area: actions;
padding: 0;
.grid-of-actions {
display: unset;
}
} }
&.zones { &.zones {
grid-template-areas: "res res" "wounds wounds" "actions paperdoll"; grid-template-areas: "res res" "wounds wounds" "actions paperdoll";

View File

@ -2,7 +2,7 @@
data-tab="{{tabs.combat.id}}" data-tab="{{tabs.combat.id}}"
data-group="{{tabs.combat.group}}"> data-group="{{tabs.combat.group}}">
<div class="tab-resources"> <div class="combatline">
<div class="initiaitve"> <div class="initiaitve">
<label>Initiative:</label> <label>Initiative:</label>
@ -12,16 +12,16 @@
</div> </div>
<div class="lebensenergie"> <div class="lebensenergie">
<label>Lebensenergie:</label> <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> <span class="inline">von</span>
<input type="number" disabled value="{{actor.system.lep.max}}"/> <input type="number" disabled value="{{this.system.lep.max}}"/>
</div> </div>
{{#if ausdauer}} {{#if ausdauer}}
<div class="ausdauer"> <div class="ausdauer">
<label>Ausdauerpunkte:</label> <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> <span class="inline">von</span>
<input type="number" disabled value="{{actor.system.aup.max}}"/> <input type="number" disabled value="{{this.system.aup.max}}"/>
</div> </div>
{{/if}} {{/if}}
{{#if (not zonenruestung)}} {{#if (not zonenruestung)}}
@ -54,9 +54,11 @@
<div class="actions"> <div class="actions">
<h3>Aktionen im Kampf</h3> <h3>Aktionen im Kampf</h3>
<div class="grid-of-actions">
{{#each this.actions}} {{#each this.actions}}
{{> "systems/DSA_4-1/templates/ui/partial-action-button.hbs" this}} {{> "systems/DSA_4-1/templates/ui/partial-action-button.hbs" this}}
{{/each}} {{/each}}
</div>
</div> </div>
{{#if (or trefferzonen zonenruestung)}} {{#if (or trefferzonen zonenruestung)}}