mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-07-21 18:09:54 +02:00
More preliminary sheet work and refactors (#2057)
Some checks are pending
Project CI / build (24.x) (push) Waiting to run
Some checks are pending
Project CI / build (24.x) (push) Waiting to run
This commit is contained in:
parent
e718c6b7b8
commit
53ed9fc792
5 changed files with 51 additions and 54 deletions
|
|
@ -264,10 +264,11 @@
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
border-color: @color-fieldset-border;
|
border-color: @color-fieldset-border;
|
||||||
|
padding-inline: 0.625rem;
|
||||||
|
|
||||||
&.glassy {
|
&.glassy {
|
||||||
background-color: light-dark(@dark-blue-10, @golden-10);
|
background-color: light-dark(@dark-blue-10, @golden-10);
|
||||||
border-color: transparent;
|
border: none;
|
||||||
|
|
||||||
legend {
|
legend {
|
||||||
padding: 2px 12px;
|
padding: 2px 12px;
|
||||||
|
|
@ -546,50 +547,39 @@
|
||||||
transform-origin: top;
|
transform-origin: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-buttons {
|
/* A multi-button element used to attach resources to other buttons */
|
||||||
grid-column: span 3;
|
.item-button {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 8px;
|
button {
|
||||||
flex-wrap: wrap;
|
color: light-dark(@dark-blue, @dark-blue);
|
||||||
margin-top: 2px;
|
white-space: nowrap;
|
||||||
|
border: none;
|
||||||
|
|
||||||
.item-button {
|
&:hover {
|
||||||
display: flex;
|
color: @color-text-emphatic;
|
||||||
border: 1px solid light-dark(#18162e, #18162e);
|
}
|
||||||
color: light-dark(#18162e, #18162e);
|
|
||||||
outline: none;
|
|
||||||
box-shadow: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
|
|
||||||
button {
|
&:not(:first-child) {
|
||||||
border-radius: 3px 0px 0px 3px;
|
border-top-left-radius: 0;
|
||||||
color: light-dark(@dark-blue, @dark-blue);
|
border-bottom-left-radius: 0;
|
||||||
white-space: nowrap;
|
padding: 6px;
|
||||||
border: 0;
|
background: light-dark(@dark-blue-10, @golden-secondary);
|
||||||
|
color: light-dark(@dark-blue, @dark-golden);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @color-text-emphatic;
|
background: light-dark(@light-black, @dark-blue);
|
||||||
}
|
color: light-dark(@dark-blue, @golden-secondary);
|
||||||
|
|
||||||
&:not(:first-child) {
|
|
||||||
padding: 6px;
|
|
||||||
background: light-dark(@dark-blue-10, @golden-secondary);
|
|
||||||
border-radius: 0px 3px 3px 0px;
|
|
||||||
color: light-dark(@dark-blue, @dark-golden);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: light-dark(@light-black, @dark-blue);
|
|
||||||
color: light-dark(@dark-blue, @golden-secondary);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.spacer {
|
&:not(:last-child) {
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
border-right: 1px solid black;
|
border-right: 1px solid black;
|
||||||
content: '';
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist-attribution {
|
.artist-attribution {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -271,6 +271,14 @@
|
||||||
grid-area: labels;
|
grid-area: labels;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.item-buttons {
|
||||||
|
grid-column: span 3;
|
||||||
|
display: flex;
|
||||||
|
gap: 4px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-item {
|
.card-item {
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,26 @@
|
||||||
.application.sheet.daggerheart.actor.dh-style.party .tab.partyMembers {
|
.application.sheet.daggerheart.actor.dh-style.party .tab.partyMembers {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
||||||
|
.actions-section {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
gap: 20px;
|
||||||
|
background-color: light-dark(@dark-blue-10, @golden-10);
|
||||||
|
|
||||||
|
button {
|
||||||
|
span {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active-action {
|
||||||
|
animation: glow 0.75s infinite alternate;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.actors-list {
|
.actors-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
||||||
|
|
@ -27,25 +27,5 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.actions-section {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
gap: 20px;
|
|
||||||
background-color: light-dark(@dark-blue-10, @golden-10);
|
|
||||||
|
|
||||||
button {
|
|
||||||
span {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.active-action {
|
|
||||||
animation: glow 0.75s infinite alternate;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -158,7 +158,6 @@ Parameters:
|
||||||
</button>
|
</button>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if action.uses.max}}
|
{{#if action.uses.max}}
|
||||||
<div class="spacer"></div>
|
|
||||||
<button type="button" class="action-uses-button" data-action="increaseActionUses" data-item-uuid="{{action.uuid}}">
|
<button type="button" class="action-uses-button" data-action="increaseActionUses" data-item-uuid="{{action.uuid}}">
|
||||||
{{action.remainingUses}}/{{action.uses.max}}
|
{{action.remainingUses}}/{{action.uses.max}}
|
||||||
</button>
|
</button>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue