daggerheart/styles/less/ui/effects-display/sheet.less
WBHarry 165068a9ee
[Feature] EffectsDisplay (#1340)
* Merged with main

* Added the display

* .

* Removed unused override function

* Fixed layout for generic effects

* feat: add basic style to effects tooltip

* Corrected distancing

* Use CSS based solution for shifting the countdowns

* Centered tooltip header

---------

Co-authored-by: moliloo <dev.murilobrito@gmail.com>
Co-authored-by: Carlos Fernandez <cfern1990@gmail.com>
2025-11-30 18:30:57 +01:00

40 lines
873 B
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);
}
}
}
}