daggerheart/styles/less/ux/tooltip/bordered-tooltip.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

44 lines
1 KiB
Text

#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;
text-align: start;
width: 100%;
gap: 5px;
padding: 0px;
border-radius: 3px;
.tooltip-header {
display: flex;
flex-direction: column;
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;
}
}
.close-hint {
border-radius: 3px;
padding: 3px;
background: @rustic-brown-80;
color: @golden;
font-size: 12px;
}
}
}