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

Improved styling of duration in tooltips

Browse source
This commit is contained in:
WBHarry 2026-02-04 16:44:13 +01:00
parent 81be5c3f71
commit 3e78289b39
2 changed files with 30 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

25
styles/less/ux/tooltip/bordered-tooltip.less
View file

@ -48,6 +48,31 @@
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
margin-top: 0.5rem; margin-top: 0.5rem;
width: 100%;
&::before,
&::after {
content: '';
background: var(--golden, #f3c267);
mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
height: 2px;
width: calc(100% - 10px);
}
&::before {
margin-bottom: 8px;
}
&::after {
margin-top: 8px;
}
.duration-inner-container {
display: flex;
justify-content: center;
gap: 2px;
width: 100%;
}
} }
} }
} }

5
templates/ui/tooltip/effect-display.hbs
View file

@ -17,10 +17,13 @@
{{/if}} {{/if}}
{{#if effect.system.duration.type}} {{#if effect.system.duration.type}}
<div class="duration-container"> <div class="duration-container">
<strong>{{localize "EFFECT.DURATION.Label"}}</strong> <div class="duration-inner-container">
<span>{{localize "EFFECT.DURATION.Label"}}:</span>
<span>{{localize (concat "DAGGERHEART.CONFIG.ActiveEffectDuration." effect.system.duration.type )}}</span> <span>{{localize (concat "DAGGERHEART.CONFIG.ActiveEffectDuration." effect.system.duration.type )}}</span>
</div> </div>
</div>
{{/if}} {{/if}}
{{#unless effect.isLockedCondition}} {{#unless effect.isLockedCondition}}