cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-15 05:01:08 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added forgotten targetting section for Colorful attack rolls

Browse source
This commit is contained in:
WBHarry 2025-05-26 15:19:01 +02:00
parent 3b1cedf90d
commit 5a3b6bba49
3 changed files with 89 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

72
styles/chat.less
View file

@ -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 { &.hope {
background: linear-gradient(0, @hopeBackgroundEnd 40px, @hopeBackgroundStart); 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 { &.fear {
background: linear-gradient(0, @fearBackgroundEnd, @fearBackgroundStart); 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 { &.critical {
background: linear-gradient(0, @criticalBackgroundEnd, @criticalBackgroundStart); 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 { .dice-roll {

35
styles/daggerheart.css
View file

@ -1525,6 +1525,41 @@
.chat-message.duality .duality-actions .duality-action:hover { .chat-message.duality .duality-actions .duality-action:hover {
background: var(--button-hover-background-color); 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 { .chat-message.duality.hope {
background: linear-gradient(0, brown 40px, black); background: linear-gradient(0, brown 40px, black);
} }

12
templates/chat/attack-roll.hbs
View file

@ -67,6 +67,18 @@
{{/if}} {{/if}}
</div> </div>
</div> </div>
{{#if (gt targets.length 0)}}
<div class="target-section">
{{#each targets as |target|}}
<div class="target-container {{#if target.hit}}hit{{else}}{{#if (not ../total.alternate)}}miss{{/if}}{{/if}}" data-token="{{target.id}}">
<img src="{{target.img}}" />
<div class="target-inner-container">
{{#if target.hit}}{{localize "Hit"}}{{else}}{{#if (not ../total.alternate)}}{{localize "Miss"}}{{else}}?{{/if}}{{/if}}
</div>
</div>
{{/each}}
</div>
{{/if}}
{{#if this.damage.value}} {{#if this.damage.value}}
<div class="duality-actions"> <div class="duality-actions">
<button class="duality-action" data-value="{{this.total}}" data-damage="{{this.damage.value}}" data-damage-type="{{this.damage.type}}" {{#if this.damage.disabled}}disabled{{/if}}><span>Roll Damage</span></button> <button class="duality-action" data-value="{{this.total}}" data-damage="{{this.damage.value}}" data-damage-type="{{this.damage.type}}" {{#if this.damage.disabled}}disabled{{/if}}><span>Roll Damage</span></button>