diff --git a/styles/less/ux/tooltip/tooltip.less b/styles/less/ux/tooltip/tooltip.less index 8e6f638d..ac09afc0 100644 --- a/styles/less/ux/tooltip/tooltip.less +++ b/styles/less/ux/tooltip/tooltip.less @@ -53,6 +53,33 @@ aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip.card-style) { } } + .tooltip-duration { + font-style: italic; + text-align: start; + position: relative; + width: 100%; + padding: 5px 10px; + margin: 5px 0px; + + &::before { + content: ''; + background: @golden; + mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%); + height: 2px; + width: calc(100% - 10px); + position: absolute; + top: -5px; + font-size: 14px; + } + + .duration-inner-container { + display: flex; + justify-content: center; + gap: 2px; + width: 100%; + } + } + .tooltip-tags { display: flex; flex-direction: column; diff --git a/templates/ui/tooltip/effect.hbs b/templates/ui/tooltip/effect.hbs index 4430b91d..c5004a86 100644 --- a/templates/ui/tooltip/effect.hbs +++ b/templates/ui/tooltip/effect.hbs @@ -4,4 +4,12 @@ {{#if description}}