mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-07-21 18:09:54 +02:00
enhance reload label style and update roll button container to match actions button footer style
This commit is contained in:
parent
e63d19a2c4
commit
f8ec7201ca
5 changed files with 37 additions and 7 deletions
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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)}}
|
||||||
|
|
|
||||||
|
|
@ -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}}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue