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 {
|
.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 {
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue