cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-13 04:01:06 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed Stress Reductions

Browse source
This commit is contained in:
WBHarry 2025-06-24 21:35:21 +02:00
parent f4539ab158
commit 0e1320e31d
8 changed files with 279 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

69
styles/daggerheart.css
View file

@ -3135,6 +3135,18 @@ div.daggerheart.views.multiclass {
}
.daggerheart.views.damage-reduction .damage-reduction-container .armor-title {
margin: 0;
white-space: nowrap;
}
.daggerheart.views.damage-reduction .damage-reduction-container .resources-container {
display: flex;
gap: 8px;
width: 100%;
}
.daggerheart.views.damage-reduction .damage-reduction-container .resources-container .resource-container {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection {
display: flex;
@ -3148,7 +3160,7 @@ div.daggerheart.views.multiclass {
border: 1px solid light-dark(#18162e, #f3c267);
border-radius: 6px;
height: 26px;
width: 26px;
padding: 0 1px;
font-size: 18px;
display: flex;
align-items: center;
@ -3158,8 +3170,38 @@ div.daggerheart.views.multiclass {
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-container.selected {
opacity: 1;
}
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-container.disabled {
cursor: initial;
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-container .fa-shield {
position: relative;
right: 0.5px;
}
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container {
margin: 0;
width: 100%;
}
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction {
border: 1px solid light-dark(#18162e, #f3c267);
border-radius: 6px;
height: 26px;
padding: 0 4px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
opacity: 0.4;
}
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.active {
opacity: 1;
cursor: pointer;
}
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.selected {
opacity: 1;
background: var(--color-warm-2);
color: white;
}
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction .stress-reduction-cost {
display: flex;
align-items: center;
}
.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle {
margin: -4px 0 0 0;
@ -3168,20 +3210,6 @@ div.daggerheart.views.multiclass {
font-variant: all-small-caps;
font-weight: bold;
}
.daggerheart.views.damage-reduction .damage-reduction-container .damage-container {
display: flex;
justify-content: center;
gap: 4px;
font-weight: bold;
height: 18px;
}
.daggerheart.views.damage-reduction .damage-reduction-container .damage-container i {
font-size: 18px;
}
.daggerheart.views.damage-reduction .damage-reduction-container .damage-container .reduced-value {
opacity: 0.4;
text-decoration: line-through;
}
.daggerheart.views.damage-reduction .damage-reduction-container footer {
display: flex;
width: 100%;
@ -3189,6 +3217,13 @@ div.daggerheart.views.multiclass {
.daggerheart.views.damage-reduction .damage-reduction-container footer button {
flex: 1;
}
.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value {
font-weight: bold;
}
.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value.reduced-value {
opacity: 0.4;
text-decoration: line-through;
}
:root {
--shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
--fear-animation: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;

83
styles/damageReduction.less
View file

@ -22,6 +22,20 @@
.armor-title {
margin: 0;
white-space: nowrap;
}
.resources-container {
display: flex;
gap: 8px;
width: 100%;
.resource-container {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
}
.mark-selection {
@ -33,10 +47,10 @@
.mark-container {
cursor: pointer;
border: 1px solid light-dark(#18162e, #f3c267);
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
height: 26px;
width: 26px;
padding: 0 1px;
font-size: 18px;
display: flex;
align-items: center;
@ -47,8 +61,43 @@
opacity: 1;
}
&.disabled {
cursor: initial;
.fa-shield {
position: relative;
right: 0.5px;
}
}
}
.stress-reduction-container {
margin: 0;
width: 100%;
.stress-reduction {
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
height: 26px;
padding: 0 4px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
opacity: 0.4;
&.active {
opacity: 1;
cursor: pointer;
}
&.selected {
opacity: 1;
background: var(--color-warm-2);
color: white;
}
.stress-reduction-cost {
display: flex;
align-items: center;
}
}
}
@ -62,29 +111,21 @@
}
}
.damage-container {
display: flex;
justify-content: center;
gap: 4px;
font-weight: bold;
height: 18px;
i {
font-size: 18px;
}
.reduced-value {
opacity: 0.4;
text-decoration: line-through;
}
}
footer {
display: flex;
width: 100%;
button {
flex: 1;
.damage-value {
font-weight: bold;
&.reduced-value {
opacity: 0.4;
text-decoration: line-through;
}
}
}
}
}