diff --git a/styles/chat.less b/styles/chat.less index 120bae68..f54de5d2 100644 --- a/styles/chat.less +++ b/styles/chat.less @@ -236,44 +236,56 @@ } } + .target-section { + margin: 4px 4px; + border: 2px solid; + + .target-container { + display: flex; + align-items: center; + transition: all 0.2s ease-in-out; + + &:hover { + filter: drop-shadow(0 0 3px @secondaryShadow); + border-color: gold; + } + + &.hit { + background: @hit; + } + + &.miss { + background: @miss; + } + + img { + flex: 0; + width: 22px; + height: 22px; + margin-left: 8px; + align-self: center; + border-color: transparent; + } + + .target-inner-container { + flex: 1; + display: flex; + justify-content: center; + margin-right: @hugeMargin; + font-weight: bold; + font-size: 17px; + } + } + } + &.hope { background: linear-gradient(0, @hopeBackgroundEnd 40px, @hopeBackgroundStart); - - // .dice-result { - // color: @hope; - // text-shadow: 0 0 3px black; - // } - - // .dice-total, .dice-formula { - // border-color: @hope; - // background: rgba(@hope, 0.5); - // } } &.fear { background: linear-gradient(0, @fearBackgroundEnd, @fearBackgroundStart); - - // .dice-result { - // color: var(--color-dark-1); - // text-shadow: 0 0 1px var(--color-light-1); - // } - - // .dice-total, .dice-formula { - // border-color: @fear; - // background: @fearAccent; - // } } &.critical { background: linear-gradient(0, @criticalBackgroundEnd, @criticalBackgroundStart); - - // .dice-result { - // color: var(--color-dark-1); - // text-shadow: 0 0 1px var(--color-light-1); - // } - - // .dice-total, .dice-formula { - // border-color: @critical; - // background: @criticalAccent; - // } } .dice-roll { diff --git a/styles/daggerheart.css b/styles/daggerheart.css index 0da668b4..4bbaeecd 100644 --- a/styles/daggerheart.css +++ b/styles/daggerheart.css @@ -1525,6 +1525,41 @@ .chat-message.duality .duality-actions .duality-action:hover { background: var(--button-hover-background-color); } +.chat-message.duality .target-section { + margin: 4px 4px; + border: 2px solid; +} +.chat-message.duality .target-section .target-container { + display: flex; + align-items: center; + transition: all 0.2s ease-in-out; +} +.chat-message.duality .target-section .target-container:hover { + filter: drop-shadow(0 0 3px gold); + border-color: gold; +} +.chat-message.duality .target-section .target-container.hit { + background: #008000; +} +.chat-message.duality .target-section .target-container.miss { + background: #ff0000; +} +.chat-message.duality .target-section .target-container img { + flex: 0; + width: 22px; + height: 22px; + margin-left: 8px; + align-self: center; + border-color: transparent; +} +.chat-message.duality .target-section .target-container .target-inner-container { + flex: 1; + display: flex; + justify-content: center; + margin-right: 32px; + font-weight: bold; + font-size: 17px; +} .chat-message.duality.hope { background: linear-gradient(0, brown 40px, black); } diff --git a/templates/chat/attack-roll.hbs b/templates/chat/attack-roll.hbs index d574026d..3daf7485 100644 --- a/templates/chat/attack-roll.hbs +++ b/templates/chat/attack-roll.hbs @@ -67,6 +67,18 @@ {{/if}} + {{#if (gt targets.length 0)}} +
+ {{#each targets as |target|}} +
+ +
+ {{#if target.hit}}{{localize "Hit"}}{{else}}{{#if (not ../total.alternate)}}{{localize "Miss"}}{{else}}?{{/if}}{{/if}} +
+
+ {{/each}} +
+ {{/if}} {{#if this.damage.value}}