enhance reload label style and update roll button container to match actions button footer style

This commit is contained in:
Murilo Brito 2026-07-12 15:18:53 -03:00
parent e63d19a2c4
commit f8ec7201ca
5 changed files with 37 additions and 7 deletions

View file

@ -131,6 +131,11 @@
height: 40px; height: 40px;
flex: 1 1 calc(50% - 5px); flex: 1 1 calc(50% - 5px);
span {
font-family: @font-body;
font-weight: 700;
}
&:nth-last-child(1):nth-child(odd) { &:nth-last-child(1):nth-child(odd) {
flex-basis: 100%; flex-basis: 100%;
} }

View file

@ -46,9 +46,14 @@
padding: 0 8px; padding: 0 8px;
button { button {
height: 40px; height: 36px;
flex: 1 1 calc(50% - 5px); flex: 1 1 calc(50% - 5px);
span {
font-family: @font-body;
font-weight: 700;
}
&:nth-last-child(1):nth-child(odd) { &:nth-last-child(1):nth-child(odd) {
flex-basis: 100%; flex-basis: 100%;
} }

View file

@ -277,6 +277,20 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 4px; gap: 4px;
.reload-warning {
display: flex;
align-items: center;
border-radius: 5px;
width: fit-content;
gap: 5px;
cursor: pointer;
padding: 5px;
transition: all 0.3s ease;
color: @beige;
background: @red-40;
outline: 1px solid @red;
}
} }
.roll-part-extra { .roll-part-extra {
@ -630,15 +644,19 @@
.roll-buttons { .roll-buttons {
display: flex; display: flex;
flex-wrap: wrap;
gap: 5px; gap: 5px;
width: 100%;
margin-top: 8px; margin-top: 8px;
button { button {
height: 32px; height: 36px;
flex: 1; flex: 1 1 calc(50% - 5px);
font-family: @font-body;
font-weight: 700;
&.end-button { &:nth-last-child(1):nth-child(odd) {
flex: 0; flex-basis: 100%;
} }
} }
} }

View file

@ -1,4 +1,7 @@
<div class="roll-buttons"> <div class="roll-buttons">
{{#if (eq automationSettings.reload 'button')}}
<button class="roll-reload-check" {{#if needReload}}disabled{{/if}}>{{localize "DAGGERHEART.ACTIONS.Reload.checkReload"}}</button>
{{/if}}
{{#if areas.length}}<button class="action-areas end-button"><i class="fa-solid fa-crosshairs"></i></button>{{/if}} {{#if areas.length}}<button class="action-areas end-button"><i class="fa-solid fa-crosshairs"></i></button>{{/if}}
{{#if hasDamage}} {{#if hasDamage}}
{{#unless (empty damage)}} {{#unless (empty damage)}}

View file

@ -8,9 +8,8 @@
{{#if (eq automationSettings.reload 'button')}} {{#if (eq automationSettings.reload 'button')}}
<div class="roll-reload-container"> <div class="roll-reload-container">
{{#if needReload}} {{#if needReload}}
<p class=>{{localize "DAGGERHEART.ACTIONS.Reload.reloadRequired"}}</p> <p class='reload-warning'>{{localize "DAGGERHEART.ACTIONS.Reload.reloadRequired"}}</p>
{{/if}} {{/if}}
<button class="roll-reload-check" {{#if needReload}}disabled{{/if}}>{{localize "DAGGERHEART.ACTIONS.Reload.checkReload"}}</button>
</div> </div>
{{/if}} {{/if}}
{{/if}} {{/if}}