mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-17 23:49:02 +01:00
Improved death marking styling
This commit is contained in:
parent
72466436a8
commit
e2da9f8e99
5 changed files with 59 additions and 39 deletions
|
|
@ -6,6 +6,12 @@
|
|||
.downtime-container .activity-container .activity-selected-marker {
|
||||
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 {
|
||||
|
|
|
|||
|
|
@ -9,10 +9,14 @@
|
|||
}
|
||||
}
|
||||
}, {
|
||||
&.adversary {
|
||||
&.sheet.actor.dh-style.adversary {
|
||||
.adversary-sidebar-sheet {
|
||||
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);
|
||||
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 {
|
||||
height: 275px;
|
||||
width: 275px;
|
||||
|
|
@ -37,23 +61,6 @@
|
|||
.death-roll-btn {
|
||||
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 {
|
||||
|
|
|
|||
|
|
@ -11,11 +11,16 @@
|
|||
}
|
||||
}
|
||||
}, {
|
||||
.character-sidebar-sheet {
|
||||
&.sheet.actor.dh-style.character .character-sidebar-sheet {
|
||||
background: transparent;
|
||||
|
||||
.experience-value {
|
||||
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);
|
||||
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 {
|
||||
height: 275px;
|
||||
width: 275px;
|
||||
|
|
@ -40,23 +65,6 @@
|
|||
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 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
<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}}">
|
||||
<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"}}"
|
||||
data-action="makeDeathMove"><i class="fas fa-skull death-save"></i></a>
|
||||
<a class="death-roll-btn"><i class="fas fa-skull death-save"></i></a>
|
||||
</div>
|
||||
|
||||
<div class="info-section">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
</div>
|
||||
{{/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 class="info-section">
|
||||
<div class="resources-section">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue