diff --git a/styles/less/global/elements.less b/styles/less/global/elements.less index df12eda4..f7934b71 100755 --- a/styles/less/global/elements.less +++ b/styles/less/global/elements.less @@ -264,10 +264,11 @@ margin-top: 5px; border-radius: 6px; border-color: @color-fieldset-border; + padding-inline: 0.625rem; &.glassy { background-color: light-dark(@dark-blue-10, @golden-10); - border-color: transparent; + border: none; legend { padding: 2px 12px; @@ -546,50 +547,39 @@ transform-origin: top; } - .item-buttons { - grid-column: span 3; + /* A multi-button element used to attach resources to other buttons */ + .item-button { display: flex; - gap: 8px; - flex-wrap: wrap; - margin-top: 2px; + button { + color: light-dark(@dark-blue, @dark-blue); + white-space: nowrap; + border: none; - .item-button { - display: flex; - border: 1px solid light-dark(#18162e, #18162e); - color: light-dark(#18162e, #18162e); - outline: none; - box-shadow: none; - border-radius: 6px; + &:hover { + color: @color-text-emphatic; + } - button { - border-radius: 3px 0px 0px 3px; - color: light-dark(@dark-blue, @dark-blue); - white-space: nowrap; - border: 0; + &:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + padding: 6px; + background: light-dark(@dark-blue-10, @golden-secondary); + color: light-dark(@dark-blue, @dark-golden); &:hover { - color: @color-text-emphatic; - } - - &: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); - } + 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; - content: ''; } } } + .artist-attribution { width: 100%; display: flex; diff --git a/styles/less/global/inventory-item.less b/styles/less/global/inventory-item.less index fc73ba95..2e6cc863 100644 --- a/styles/less/global/inventory-item.less +++ b/styles/less/global/inventory-item.less @@ -271,6 +271,14 @@ grid-area: labels; } } + + .item-buttons { + grid-column: span 3; + display: flex; + gap: 4px; + flex-wrap: wrap; + margin-top: 2px; + } } .card-item { diff --git a/styles/less/sheets/actors/party/party-members.less b/styles/less/sheets/actors/party/party-members.less index 2490757f..3d882345 100644 --- a/styles/less/sheets/actors/party/party-members.less +++ b/styles/less/sheets/actors/party/party-members.less @@ -5,6 +5,26 @@ .application.sheet.daggerheart.actor.dh-style.party .tab.partyMembers { 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 { display: flex; flex-direction: column; diff --git a/styles/less/sheets/actors/party/sheet.less b/styles/less/sheets/actors/party/sheet.less index 852b6cfc..d24c712c 100644 --- a/styles/less/sheets/actors/party/sheet.less +++ b/styles/less/sheets/actors/party/sheet.less @@ -27,25 +27,5 @@ display: flex; 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; - } - } } } diff --git a/templates/sheets/global/partials/inventory-item-V2.hbs b/templates/sheets/global/partials/inventory-item-V2.hbs index 775690d4..b670475e 100644 --- a/templates/sheets/global/partials/inventory-item-V2.hbs +++ b/templates/sheets/global/partials/inventory-item-V2.hbs @@ -158,7 +158,6 @@ Parameters: {{/if}} {{#if action.uses.max}} -