daggerheart/templates/ui/tooltip/weapon.hbs
Murilo Brito f8b003b304
[PR][Feature] Items Tooltips Styles (#1445)
* feat: add basic tooltip style and style domain card template

* feat: change weapon hbs tooltip and increase box-shadow blur

* feat: style armor hbs tooltip

* feat: style consumable hbs tooltip

* feat: style loot hbs tooltip

* feat: style feature hbs tooltip

* bugfix: prevent style conflicts between tooltips

* feat: style action hbs tooltip

* feat: style attack hbs tooltip

* feat: style effect hbs tooltip

* feat: increase tooltip width

* style beatform tooltip, fix unnarmed attack location, add outline border when users use midle click

* feat: add beige outline and box shadow to tooltips to enhance contrast

* bugfix: requested changes

* bugfix: fix typo

* bugfix: fix tooltip breaking interface position
2025-12-23 19:02:28 -05:00

36 lines
No EOL
1.5 KiB
Handlebars

<div class="daggerheart dh-style tooltip weapon card-style">
<img class="tooltip-image" src="{{item.img}}" />
<h2 class="tooltip-title">{{item.name}}</h2>
<div class="tags">
<div class="tag">
<span>{{#if item.system.secondary}}{{localize "DAGGERHEART.ITEMS.Weapon.secondaryWeapon"}}{{else}}{{localize "DAGGERHEART.ITEMS.Weapon.primaryWeapon"}}{{/if}}</span>
</div>
<div class="tag">
{{#with (lookup config.GENERAL.burden item.system.burden) as | burden |}}
<span>{{localize burden.label}}</span>
{{/with}}
</div>
{{#if item.system.attack.roll.trait}}
<div class="tag">
{{#with (lookup config.ACTOR.abilities item.system.attack.roll.trait) as | trait |}}
<span>{{localize trait.label}}</span>
{{/with}}
</div>
{{/if}}
<div class="tag">
{{#with (lookup config.GENERAL.range item.system.attack.range) as | range |}}
<span>{{localize range.label}}</span>
{{/with}}
</div>
<div class="tag">
<span>{{{damageFormula item.system.attack}}} {{{damageSymbols item.system.attack.damage.parts}}}</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>