daggerheart/styles/less/ux/tooltip/bordered-tooltip.less
WBHarry aa1d117c43
[V14] Effect Stacking (#1667)
* Added the ability for effects to have stacks

* Fixed effect stacking

* Improved token overlay spacing

* Compendium updaetes

* Simplify effect click event (#1748)

* Fixed a bunch of deprecations

* Corrected AgileScout Beastform json data

* Updated TokenHUD to the new v14

* Removed DestroyOnEmpty from consumables

* Fixed so that tooltips don't get stuck (#1745)

* [Feature] TagTeam Partial Rendering (#1735)

* I done did it, I think

* Think I fixed the partial rendering bug for gm->player

* [V14] 1743 - Damage Update Error (#1746)

* Fixed DamageParts causing errors on update

* Fixed ActionBaseConfig error when no damage present on the action

* Fix removal of damage field

* Removed unneccessary default value function for parts

---------

Co-authored-by: Carlos Fernandez <cfern1990@gmail.com>

* Simplify effect click event

---------

Co-authored-by: WBHarry <williambjrklund@gmail.com>
Co-authored-by: WBHarry <89362246+WBHarry@users.noreply.github.com>

* Fixed stacking-value pointer event

* Set the stacking value in EffectsDisplay to be tabular-nums for monospacing

* Made baseEffect.stacking nullable instead of having an enabled property

* .

* Fixed so that actor._onUpdateDescantDocuments re-renders the EffectDisplay if effects were updated

---------

Co-authored-by: Carlos Fernandez <CarlosFdez@users.noreply.github.com>
2026-03-25 13:54:14 +01:00

116 lines
2.9 KiB
Text

#tooltip.bordered-tooltip,
.locked-tooltip.bordered-tooltip {
border: 1px solid @golden;
background-image: url('../assets/parchments/dh-parchment-dark.png');
.daggerheart.dh-style.tooltip {
display: flex;
flex-direction: column;
align-items: start;
text-align: start;
width: 100%;
gap: 5px;
padding: 0px;
border-radius: 3px;
.tooltip-header {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: start;
padding: 5px;
gap: 0px;
h2 {
display: flex;
justify-content: start;
font-size: var(--font-size-20);
color: @golden;
font-weight: 700;
margin: 0;
padding: 0;
}
.subtitle {
font-size: 12px;
}
}
.effect-stacks-outer-container {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
.effect-stacks-title {
font-size: var(--font-size-20);
font-weight: bold;
text-align: center;
}
.effect-stacks-container {
display: flex;
justify-content: space-between;
.effect-stacks-inner-container {
display: flex;
flex-direction: column;
gap: 2px;
.effect-stack-title {
font-weight: bold;
}
}
}
}
.close-hints {
margin-top: 0.5rem;
display: flex;
flex-direction: column;
gap: 4px;
.close-hint {
border-radius: 3px;
padding: 3px;
background: @rustic-brown-80;
color: @golden;
font-size: 12px;
margin: 0;
}
}
.duration-container {
display: flex;
flex-direction: column;
text-align: center;
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%;
}
}
}
}