daggerheart/styles/less/ui/effects-display/sheet.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

55 lines
1.3 KiB
Text

.daggerheart.dh-style.effects-display {
position: absolute;
right: 0;
width: 46px;
max-height: 600px;
overflow: hidden;
border: 0;
.window-content {
> div {
height: 100%;
}
}
.effects-display-container {
display: flex;
flex-direction: column;
gap: 4px;
.effect-container {
position: relative;
pointer-events: all;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 3px;
img {
border-radius: 3px;
}
.effect-locked {
position: absolute;
bottom: 4px;
right: 4px;
font-size: 16px;
color: @golden;
filter: drop-shadow(0 0 3px black);
}
.stacking-value {
position: absolute;
top: 4px;
right: 4px;
font-size: 16px;
font-weight: bold;
font-variant-numeric: tabular-nums;
color: @golden;
background: black;
padding: 1px;
border-radius: 6px;
border: 1px solid @golden;
pointer-events: none;
}
}
}
}