mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-03-07 06:26:13 +01:00
Add recall cost to domain cards in grid view (#1700)
This commit is contained in:
parent
1212bd01f8
commit
0675e1f019
2 changed files with 25 additions and 0 deletions
|
|
@ -335,6 +335,27 @@
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.recall-cost {
|
||||||
|
position: absolute;
|
||||||
|
right: 4px;
|
||||||
|
top: 4px;
|
||||||
|
width: 1.75em;
|
||||||
|
height: 1.75em;
|
||||||
|
|
||||||
|
align-items: center;
|
||||||
|
background: @dark-blue;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 1px solid @golden;
|
||||||
|
color: @golden;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
padding-top: 0.1em; // compensate for font
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-size: 0.68em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.card-label {
|
.card-label {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
<li class="card-item" data-item-uuid="{{item.uuid}}" data-type="domainCard">
|
<li class="card-item" data-item-uuid="{{item.uuid}}" data-type="domainCard">
|
||||||
<img src="{{item.img}}" data-action="useItem" class="card-img" />
|
<img src="{{item.img}}" data-action="useItem" class="card-img" />
|
||||||
|
<span class="item-icon recall-cost">
|
||||||
|
<span class="recall-value">{{item.system.recallCost}}</span>
|
||||||
|
<i class="fa-solid fa-bolt"></i>
|
||||||
|
</span>
|
||||||
<div class="card-label">
|
<div class="card-label">
|
||||||
<div
|
<div
|
||||||
class="menu {{#if item.system.resource}}resource-menu{{/if}} {{#if (eq item.system.resource.type 'diceValue')}}dice-menu{{/if}}">
|
class="menu {{#if item.system.resource}}resource-menu{{/if}} {{#if (eq item.system.resource.type 'diceValue')}}dice-menu{{/if}}">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue