mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-06-08 05:38:10 +02:00
Improved missing class visual for subclass
This commit is contained in:
parent
09a6b1480f
commit
05167b697a
3 changed files with 17 additions and 6 deletions
|
|
@ -44,9 +44,9 @@ export default class SubclassSheet extends DHBaseItemSheet {
|
||||||
async _prepareContext(options) {
|
async _prepareContext(options) {
|
||||||
const context = await super._prepareContext(options);
|
const context = await super._prepareContext(options);
|
||||||
if (this.document.system.linkedClass) {
|
if (this.document.system.linkedClass) {
|
||||||
context.class = (await fromUuid(this.document.system.linkedClass)) ?? {
|
const classData = await fromUuid(this.document.system.linkedClass);
|
||||||
|
context.class = classData ?? {
|
||||||
name: _loc('DAGGERHEART.GENERAL.missingX', { x: _loc('TYPES.Item.class') }),
|
name: _loc('DAGGERHEART.GENERAL.missingX', { x: _loc('TYPES.Item.class') }),
|
||||||
img: 'systems/daggerheart/assets/icons/documents/items/laurel-crown.svg',
|
|
||||||
missing: true
|
missing: true
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -35,6 +35,14 @@
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
.image-icon {
|
||||||
|
font-size: 26px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
.controls {
|
.controls {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
|
|
@ -8,9 +8,12 @@
|
||||||
{{#if class}}
|
{{#if class}}
|
||||||
<div class="feature-list">
|
<div class="feature-list">
|
||||||
<li class="feature-line">
|
<li class="feature-line">
|
||||||
<img class="image" src="{{class.img}}" />
|
{{#if class.missing}}
|
||||||
<span>{{class.name}} {{#if class.missing}}<i class="fa-solid fa-link-slash" inert></i>{{/if}}</span>
|
<i class="fa-solid fa-link-slash hint image-icon" inert></i>
|
||||||
{{#unless class.missing}}
|
<span class="hint">{{class.name}}</span>
|
||||||
|
{{else}}
|
||||||
|
<img class="image" src="{{class.img}}" />
|
||||||
|
<span>{{class.name}}</span>
|
||||||
<div class='controls'>
|
<div class='controls'>
|
||||||
<a
|
<a
|
||||||
class='effect-control'
|
class='effect-control'
|
||||||
|
|
@ -21,7 +24,7 @@
|
||||||
<i class="fa-solid fa-globe" inert></i>
|
<i class="fa-solid fa-globe" inert></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{{/unless}}
|
{{/if}}
|
||||||
</li>
|
</li>
|
||||||
</div>
|
</div>
|
||||||
{{else}}
|
{{else}}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue