enhance chat messages styles

This commit is contained in:
moliloo 2025-08-29 20:18:17 -03:00
parent 30229407cd
commit e139cd4dae
6 changed files with 244 additions and 65 deletions

View file

@ -1,18 +1,33 @@
<div class="daggerheart chat damage-summary">
<ul class="daggerheart chat damage-summary">
{{#each targets}}
<div class="token-target-container" data-token-uuid="{{this.token.uuid}}">
<li class="token-target-container" data-token-uuid="{{this.token.uuid}}">
<header>
<img src="{{this.token.texture.src}}" />
<label>{{this.token.name}}</label>
<h2 class="actor-name">{{this.token.name}}</h2>
</header>
<div class="damage-container">
<ul class="damage-container">
{{#each this.updates}}
<div class="damage-row">
<label>{{localize (concat "DAGGERHEART.CONFIG.HealingType." this.key ".name")}}:</label>
<div>{{this.value}}</div>
</div>
<li class="damage-row">
{{#if (gte this.value)}}
<span>
{{
localize "DAGGERHEART.UI.Chat.markResource"
quantity=this.value
resource=(localize (concat "DAGGERHEART.CONFIG.HealingType." this.key ".name"))
}}
</span>
{{else}}
<span>
{{
localize "DAGGERHEART.UI.Chat.clearResource"
quantity=(positive this.value)
resource=(localize (concat "DAGGERHEART.CONFIG.HealingType." this.key ".name"))
}}
</span>
{{/if}}
</li>
{{/each}}
</div>
</div>
</ul>
</li>
{{/each}}
</div>
</ul>

View file

@ -1,21 +1,33 @@
<div class="daggerheart chat effect-summary">
<h5>{{localize "DAGGERHEART.GENERAL.Effect.plural"}}</h5>
<div class="effect-header">
<span>{{localize "DAGGERHEART.GENERAL.Effect.plural"}}</span>
</div>
<div class="effects-container">
{{#each effects}}
<div class="effect-target-container" data-tooltip="{{concat "#item#" this.uuid}}">
<img src="{{this.img}}" />
<label>{{this.name}}</label>
</div>
<details class="effect-target-container">
<summary class="effect-label">
<img class="effect-img" src="{{this.img}}" />
<h2 class="title">{{this.name}}</h2>
<i class="fa-solid fa-chevron-down"></i>
</summary>
<div class="description">
{{{this.description}}}
</div>
</details>
{{/each}}
</div>
<h5>{{localize "DAGGERHEART.UI.Chat.appliedTo"}}</h5>
<div class="targets-container">
{{#each targets}}
<div class="token-target-container" data-token-uuid="{{this.uuid}}">
<img src="{{this.texture.src}}" />
<label>{{this.name}}</label>
</div>
{{/each}}
</div>
{{#if targets}}
<div class="actor-header">
<span>{{localize "DAGGERHEART.UI.Chat.appliedTo"}}</span>
</div>
<div class="targets-container">
{{#each targets}}
<div class="token-target-container" data-token-uuid="{{this.uuid}}">
<img src="{{this.texture.src}}" />
<h2 class="title">{{this.name}}</h2>
</div>
{{/each}}
</div>
{{/if}}
</div>