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

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

Browse source
This commit is contained in:
molilo 2025-12-18 01:47:04 -03:00
parent 7184fd9e30
commit 84a0734305
2 changed files with 25 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

8
styles/less/ux/tooltip/tooltip.less
View file

@ -50,8 +50,10 @@ aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip) {
.tags { .tags {
display: flex; display: flex;
gap: 10px; gap: 5px 10px;
padding-bottom: 16px; padding-bottom: 16px;
flex-wrap: wrap;
justify-content: center;
.tag { .tag {
display: flex; display: flex;
@ -142,7 +144,7 @@ aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip) {
} }
aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) { aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) {
box-shadow: 0 0 20px @golden-90; box-shadow: 0 0 25px @golden-90;
} }
.theme-light #tooltip:has(div.daggerheart.dh-style.tooltip), .theme-light #tooltip:has(div.daggerheart.dh-style.tooltip),
@ -151,7 +153,7 @@ aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) {
} }
.theme-light aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) { .theme-light aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) {
box-shadow: 0 0 20px @dark-blue-90; box-shadow: 0 0 25px @dark-blue-90;
} }
#tooltip, #tooltip,

44
templates/ui/tooltip/weapon.hbs
View file

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