[V14] 1604 - ActiveEffect Durations (#1634)

* Added daggerheart durations and auto expiration of them

* Added duration to all tier1 adversaries

* Finished all adversaries and environments

* Remaining compendiums updated

* Improved styling of duration in tooltips

* .
This commit is contained in:
WBHarry 2026-02-17 18:57:03 +01:00 committed by GitHub
parent e2eb31c12e
commit 4aab5d315a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
120 changed files with 2514 additions and 1256 deletions

View file

@ -1,4 +1,28 @@
.application.sheet.daggerheart.dh-style.active-effect-config {
.custom-duration-section {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
overflow: hidden;
height: 0;
transition: height ease-in-out 0.3s;
&.visible {
height: auto;
}
}
.duration-description {
height: 0;
overflow: hidden;
transition: height ease-in-out 0.3s;
&.visible {
height: 100px;
}
}
.tab.changes {
gap: 0;

View file

@ -42,5 +42,37 @@
color: @golden;
font-size: 12px;
}
.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%;
}
}
}
}

View file

@ -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;