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

feat: add basic tooltip style and style domain card template

Browse source
This commit is contained in:
molilo 2025-12-18 01:32:46 -03:00
parent f4dd9dc5c1
commit 7184fd9e30
5 changed files with 203 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

45
templates/ui/tooltip/domainCard.hbs
View file

@ -1,29 +1,32 @@
<div class="daggerheart dh-style tooltip">
<h2 class="tooltip-title">{{item.name}}</h2>
<img class="tooltip-image" src="{{item.img}}" />
<div class="tooltip-description">{{{description}}}</div>
<div class="tooltip-information-section">
<div class="tooltip-information">
<label>{{localize "DAGGERHEART.GENERAL.Domain.single"}}</label>
<div class="daggerheart dh-style tooltip domain-card">
<div class="item-icons-list">
<span class="item-icon">
<span class="recall-value">{{item.system.recallCost}}</span>
<i class="fa-solid fa-bolt"></i>
</span>
<span class="item-icon">
{{#with (lookup config.DOMAIN.domains item.system.domain) as | domain |}}
<div>{{localize domain.label}}</div>
<img src="{{domain.src}}" alt="">
{{/with}}
</div>
<div class="tooltip-information">
<label>{{localize "Type"}}</label>
</span>
</div>
<img class="tooltip-image" src="{{item.img}}" />
<h2 class="tooltip-title">{{item.name}}</h2>
<div class="tags">
<div class="tag">
{{#with (lookup config.DOMAIN.cardTypes item.system.type) as | type |}}
<div>{{localize type.label}}</div>
<span>{{localize type.label}}</span>
{{/with}}
</div>
<div class="tooltip-information">
<label>{{localize "DAGGERHEART.GENERAL.level"}}</label>
<div>{{item.system.level}}</div>
</div>
<div class="tooltip-information">
<label>{{localize "DAGGERHEART.ITEMS.DomainCard.recallCost"}}</label>
<div>{{item.system.recallCost}}</div>
<div class="tag">
<span>{{localize 'DAGGERHEART.GENERAL.levelShort'}} {{ item.system.level }}</span>
</div>
</div>
{{#if description}}
<div class="tooltip-description">{{{description}}}</div>
{{/if}}
<p class="tooltip-hint">
<i class="fa-solid fa-computer-mouse"></i> {{localize "DAGGERHEART.UI.Tooltip.middleClick"}}
</p>
</div>