diff --git a/styles/daggerheart.css b/styles/daggerheart.css index 245498cc..73f54a18 100755 --- a/styles/daggerheart.css +++ b/styles/daggerheart.css @@ -1318,6 +1318,9 @@ .combat-sidebar .encounter-controls.combat .control-buttons { width: min-content; } +.combat-sidebar .combatant-controls { + flex: 0; +} .combat-sidebar .token-actions { align-self: stretch; display: flex; @@ -1330,7 +1333,8 @@ gap: 4px; } .combat-sidebar .token-actions .action-tokens .action-token { - height: 24px; + height: 22px; + width: 22px; border: 1px solid; border-radius: 50%; display: flex; @@ -1357,14 +1361,17 @@ .combat-sidebar .token-actions button.main:hover { filter: drop-shadow(0 0 3px var(--button-hover-text-color)); } -.combat-sidebar .token-actions button.discrete:hover { - background: inherit; +.combat-sidebar .spotlight-control { + font-size: 26px; } -.combat-sidebar .token-actions .combatant-control:focus { +.combat-sidebar .spotlight-control:focus { outline: none; box-shadow: none; } -.combat-sidebar .token-actions .combatant-control.requesting { +.combat-sidebar .spotlight-control.discrete:hover { + background: inherit; +} +.combat-sidebar .spotlight-control.requesting { filter: drop-shadow(0 0 3px gold); color: var(--button-hover-text-color); } diff --git a/styles/ui.less b/styles/ui.less index 21345aaa..c54b0b3b 100644 --- a/styles/ui.less +++ b/styles/ui.less @@ -30,6 +30,10 @@ } } + .combatant-controls { + flex: 0; + } + .token-actions { align-self: stretch; display: flex; @@ -42,7 +46,8 @@ gap: 4px; .action-token { - height: 24px; + height: 22px; + width: 22px; border: 1px solid; border-radius: 50%; display: flex; @@ -73,22 +78,24 @@ filter: drop-shadow(0 0 3px var(--button-hover-text-color)); } } + } + } - &.discrete:hover { - background: inherit; - } + .spotlight-control { + font-size: 26px; + + &:focus { + outline: none; + box-shadow: none; } - .combatant-control { - &:focus { - outline: none; - box-shadow: none; - } + &.discrete:hover { + background: inherit; + } - &.requesting { - filter: drop-shadow(0 0 3px gold); - color: var(--button-hover-text-color); - } + &.requesting { + filter: drop-shadow(0 0 3px gold); + color: var(--button-hover-text-color); } } diff --git a/templates/ui/combat/combatTrackerSection.hbs b/templates/ui/combat/combatTrackerSection.hbs index c26a69ad..688b4efc 100644 --- a/templates/ui/combat/combatTrackerSection.hbs +++ b/templates/ui/combat/combatTrackerSection.hbs @@ -9,65 +9,54 @@ {{!-- Name & Controls --}}
{{ name }} -
- {{#if @root.user.isGM}} - - - {{/if}} - {{#if canPing}} - - {{/if}} - {{#unless @root.user.isGM}} - - {{/unless}} - {{!-- TODO: Target Control --}} -
- {{#each effects.icons}} - {{ name }} - {{/each}} +
+
+ {{#if @root.user.isGM}} + + + {{/if}} + {{#if canPing}} + + {{/if}} + {{#unless @root.user.isGM}} + + {{/unless}}
+ + {{#if ../combat.round}} +
+ {{#if isOwner}} + {{#if (and (not isNPC) ../actionTokens.enabled)}} +
+ {{#times ../actionTokens.tokens}} + + {{/times}} +
+ {{/if}} + {{/if}} +
+ {{/if}}
- {{!-- Resource --}} - {{#if resource includeZero=true}} -
- {{ resource }} -
- {{/if}} - - {{#if ../combat.round}} -
- {{#if isOwner}} - {{#if (and (not isNPC) ../actionTokens.enabled)}} -
- {{#times ../actionTokens.tokens}} - - {{/times}} -
- {{/if}} - - {{#if @root.user.isGM}} - - {{else}} - - {{/if}} - {{/if}} -
+ {{#if @root.user.isGM}} + + {{else}} + {{/if}} {{/each}}