More preliminary sheet work and refactors (#2057)
Some checks are pending
Project CI / build (24.x) (push) Waiting to run

This commit is contained in:
Carlos Fernandez 2026-07-02 19:17:59 -04:00 committed by GitHub
parent e718c6b7b8
commit 53ed9fc792
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 51 additions and 54 deletions

View file

@ -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;

View file

@ -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 {

View file

@ -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;

View file

@ -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;
}
}
} }
} }

View file

@ -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>