mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-06-06 04:44:16 +02:00
Implement another traits redesign (#1871)
Some checks are pending
Project CI / build (24.x) (push) Waiting to run
Some checks are pending
Project CI / build (24.x) (push) Waiting to run
* Implement another traits redesign * Adjust traits shape
This commit is contained in:
parent
40804f3339
commit
9ef4929693
4 changed files with 105 additions and 49 deletions
|
|
@ -132,27 +132,37 @@
|
|||
|
||||
<div class="character-traits">
|
||||
{{#each this.attributes as |attribute key|}}
|
||||
<div class="trait" data-tooltip="<b>{{attribute.label}}:</b><br>{{#each attribute.verbs}}{{this}}<br>{{/each}}" data-action="rollAttribute" data-attribute="{{key}}" data-value="{{attribute.value}}">
|
||||
<div class="trait-name">
|
||||
<span>{{attribute.label}}</span>
|
||||
</div>
|
||||
<div class="trait-value">
|
||||
{{#if (gt attribute.value 0)}}
|
||||
<span>+{{attribute.value}}</span>
|
||||
{{else}}
|
||||
<span>{{attribute.value}}</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{!-- <div class="trait" data-tooltip="<b>{{attribute.label}}:</b><br>{{#each attribute.verbs}}{{this}}<br>{{/each}}" data-action="rollAttribute" data-attribute="{{key}}" data-value="{{attribute.value}}">
|
||||
|
||||
{{#if attribute.tierMarked}}
|
||||
<div class="tier-mark">
|
||||
<i class='fa-solid fa-circle' inert></i>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if isSpellcasting}}
|
||||
<div class="spellcasting-mark" data-tooltip="DAGGERHEART.ITEMS.Subclass.spellcastingTrait">
|
||||
<i class="fa-solid fa-wand-magic-sparkles" inert></i>
|
||||
</div> --}}
|
||||
<div class="trait {{#if isSpellcasting}}with-spellcasting{{/if}}" data-tooltip="<b>{{attribute.label}}:</b><br>{{#each attribute.verbs}}{{this}}<br>{{/each}}" data-action="rollAttribute" data-attribute="{{key}}" data-value="{{attribute.value}}">
|
||||
<div class="trait-name">
|
||||
<div class="tier-mark {{#if attribute.tierMarked}}marked{{/if}}"></div>
|
||||
<span>{{attribute.label}}</span>
|
||||
</div>
|
||||
<div class="trait-value-area">
|
||||
<svg width="52" height="46" viewBox="0 0 52 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M 0,0 H 52 L 51.0714,18.254 48.781,24.0952 47.5745,39.9596 26,46 4.42553,39.9596 3.219,24.0952 0.928571,18.254 Z" fill="var(--color-border)"/>
|
||||
<path d="M 3.312,5.357 8.58596,0 H 43.414 l 5.274,5.357 -1.8797,28.846 c -0.2431,2.605 -2.1461,4.7522 -4.7031,5.3064 l -14.8343,3.2151 c -0.8375,0.1816 -1.7043,0.1816 -2.5418,0 L 9.89482,39.5094 C 7.33785,38.9552 5.43478,36.808 5.19169,34.203 Z" fill="var(--background)"/>
|
||||
</svg>
|
||||
<div class="trait-value">
|
||||
{{#if (gt attribute.value 0)}}
|
||||
<span>+{{attribute.value}}</span>
|
||||
{{else}}
|
||||
<span>{{attribute.value}}</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if isSpellcasting}}
|
||||
<div class="spellcasting-mark" data-tooltip="DAGGERHEART.ITEMS.Subclass.spellcastingTrait">
|
||||
<i class="fa-solid fa-wand-magic-sparkles" inert></i>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue