Improved death marking styling

This commit is contained in:
WBHarry 2025-08-13 16:06:34 +02:00
parent 72466436a8
commit e2da9f8e99
5 changed files with 59 additions and 39 deletions

View file

@ -6,6 +6,12 @@
.downtime-container .activity-container .activity-selected-marker { .downtime-container .activity-container .activity-selected-marker {
background-image: url(../assets/parchments/dh-parchment-light.png); background-image: url(../assets/parchments/dh-parchment-light.png);
} }
.refreshables-container {
.refreshable-container {
background-image: url(../assets/parchments/dh-parchment-light.png);
}
}
} }
.daggerheart.dh-style.views.downtime { .daggerheart.dh-style.views.downtime {

View file

@ -9,10 +9,14 @@
} }
} }
}, { }, {
&.adversary { &.sheet.actor.dh-style.adversary {
.adversary-sidebar-sheet { .adversary-sidebar-sheet {
background: transparent; background: transparent;
} }
.portrait.death-roll .death-roll-btn {
filter: brightness(0) drop-shadow(0 0 3px @dark-blue);
}
} }
}); });
@ -27,6 +31,26 @@
border-bottom: 1px solid light-dark(@dark-blue, @golden); border-bottom: 1px solid light-dark(@dark-blue, @golden);
cursor: pointer; cursor: pointer;
&.death-roll {
img {
filter: grayscale(1);
}
.death-roll-btn {
display: flex;
position: absolute;
top: 30%;
right: 30%;
font-size: 6rem;
color: @beige;
filter: grayscale(1) drop-shadow(0 0 3px black);
&:hover {
text-shadow: 0 0 8px @beige;
}
}
}
img { img {
height: 275px; height: 275px;
width: 275px; width: 275px;
@ -37,23 +61,6 @@
.death-roll-btn { .death-roll-btn {
display: none; display: none;
} }
&.death-roll {
filter: grayscale(1);
.death-roll-btn {
display: flex;
position: absolute;
top: 30%;
right: 30%;
font-size: 6rem;
color: @beige;
&:hover {
text-shadow: 0 0 8px @beige;
}
}
}
} }
.threshold-section { .threshold-section {

View file

@ -11,11 +11,16 @@
} }
} }
}, { }, {
.character-sidebar-sheet { &.sheet.actor.dh-style.character .character-sidebar-sheet {
background: transparent; background: transparent;
.experience-value { .experience-value {
background: url('../assets/svg/experience-shield-light.svg') no-repeat; background: url('../assets/svg/experience-shield-light.svg') no-repeat;
} }
.portrait.death-roll .death-roll-btn {
filter: brightness(0) drop-shadow(0 0 3px @dark-blue);
}
} }
}); });
@ -29,6 +34,26 @@
border-bottom: 1px solid light-dark(@dark-blue, @golden); border-bottom: 1px solid light-dark(@dark-blue, @golden);
cursor: pointer; cursor: pointer;
&.death-roll {
img {
filter: grayscale(1);
}
.death-roll-btn {
display: flex;
position: absolute;
top: 30%;
right: 30%;
font-size: 6rem;
color: @beige;
filter: grayscale(1) drop-shadow(0 0 3px black);
&:hover {
text-shadow: 0 0 8px @beige;
}
}
}
img { img {
height: 275px; height: 275px;
width: 275px; width: 275px;
@ -40,23 +65,6 @@
display: none; display: none;
} }
&.death-roll {
filter: grayscale(1);
.death-roll-btn {
display: flex;
position: absolute;
top: 30%;
right: 30%;
font-size: 6rem;
color: @beige;
&:hover {
text-shadow: 0 0 8px @beige;
}
}
}
.icons-list { .icons-list {
position: absolute; position: absolute;
display: flex; display: flex;

View file

@ -1,8 +1,7 @@
<aside class="adversary-sidebar-sheet"> <aside class="adversary-sidebar-sheet">
<div class="portrait {{#if (and source.system.resources.hitPoints.max (gte source.system.resources.hitPoints.value source.system.resources.hitPoints.max))}}death-roll{{/if}}"> <div class="portrait {{#if (and source.system.resources.hitPoints.max (gte source.system.resources.hitPoints.value source.system.resources.hitPoints.max))}}death-roll{{/if}}">
<img src="{{source.img}}" alt="{{source.name}}" data-action='editImage' data-edit="img"> <img src="{{source.img}}" alt="{{source.name}}" data-action='editImage' data-edit="img">
<a class="death-roll-btn" data-tooltip="{{localize " DAGGERHEART.UI.Tooltip.makeDeathMove"}}" <a class="death-roll-btn"><i class="fas fa-skull death-save"></i></a>
data-action="makeDeathMove"><i class="fas fa-skull death-save"></i></a>
</div> </div>
<div class="info-section"> <div class="info-section">

View file

@ -13,7 +13,7 @@
</div> </div>
{{/if}} {{/if}}
<a class="death-roll-btn" data-tooltip="DAGGERHEART.UI.Tooltip.makeDeathMove" {{#if <a class="death-roll-btn" data-tooltip="DAGGERHEART.UI.Tooltip.makeDeathMove" {{#if
isDeath}}data-action="makeDeathMove" {{/if}}><i class="fas fa-skull death-save"></i></a> isDeath}}data-action="makeDeathMove" {{/if}}><i class="fa-solid fa-skull death-save"></i></a>
</div> </div>
<div class="info-section"> <div class="info-section">
<div class="resources-section"> <div class="resources-section">