Add recall cost to domain cards in grid view (#1700)

This commit is contained in:
Carlos Fernandez 2026-03-05 15:31:49 -05:00 committed by GitHub
parent 1212bd01f8
commit 0675e1f019
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 25 additions and 0 deletions

View file

@ -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;

View file

@ -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}}">