- global.less : réécriture complète
* Fusion des deux blocs .sheet-tabs en un seul
* Déplacement des styles faction hors de .sheet-tabs
* Onglet actif : gradient or avec texte sombre (bon contraste)
* CSS variables centralisées + hiérarchie propre
- templates/aspect.hbs + attribute.hbs : normalisation
* Ajout de wrappers .form-group pour tous les champs
* Labels explicites (Technique, Narratif, Référence)
* .item-meta container pour les métadonnées du header
- templates/equipment.hbs : suppression de .form-grid
(conflictait avec le grid CSS natif de FoundryVTT)
- styles/items.less
* Labels : var(--cel-orange) → var(--cel-border) (#7a5c20)
contraste WCAG AA sur fond crème (ratio ~5.9)
* Score rows : couleur de texte explicite #1a1209 (lisible)
* Onglet actif : gradient or + texte sombre (cohérent)
* Ajout .item-value-display, .item-qty styles
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
53 lines
2.2 KiB
Handlebars
53 lines
2.2 KiB
Handlebars
<div class="item-sheet attribute">
|
|
<header class="item-header">
|
|
<div class="item-portrait" data-action="editImage">
|
|
<img src="{{item.img}}" alt="{{item.name}}">
|
|
</div>
|
|
<div class="item-header-fields">
|
|
<input type="text" name="name" value="{{item.name}}" {{#unless isEditable}}disabled{{/unless}}>
|
|
<div class="item-meta">
|
|
<div class="item-value-field">
|
|
<label>{{localize "CELESTOPOL.Item.value"}}</label>
|
|
{{#if isEditable}}
|
|
<input type="number" name="system.value" value="{{system.value}}" min="0" max="8">
|
|
{{else}}
|
|
<span class="item-value-display">{{system.value}}</span>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="item-tabs sheet-tabs tabs" data-group="item-tabs">
|
|
<a class="item active" data-group="item-tabs" data-tab="description">{{localize "CELESTOPOL.Tab.description"}}</a>
|
|
<a class="item" data-group="item-tabs" data-tab="technique">{{localize "CELESTOPOL.Tab.technique"}}</a>
|
|
<a class="item" data-group="item-tabs" data-tab="scores">{{localize "CELESTOPOL.Item.scores"}}</a>
|
|
</nav>
|
|
|
|
<section class="tab active" data-group="item-tabs" data-tab="description">
|
|
<div class="form-group">
|
|
{{editor system.description target="system.description" button=true editable=isEditable}}
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{localize "CELESTOPOL.Item.reference"}}</label>
|
|
<input type="text" name="system.reference" value="{{system.reference}}"
|
|
{{#unless isEditable}}disabled{{/unless}}>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="tab" data-group="item-tabs" data-tab="technique">
|
|
<div class="form-group">
|
|
<label>{{localize "CELESTOPOL.Item.technique"}}</label>
|
|
{{editor system.technique target="system.technique" button=true editable=isEditable}}
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{localize "CELESTOPOL.Item.narratif"}}</label>
|
|
{{editor system.narratif target="system.narratif" button=true editable=isEditable}}
|
|
</div>
|
|
</section>
|
|
|
|
<section class="tab" data-group="item-tabs" data-tab="scores">
|
|
{{> "systems/fvtt-celestopol/templates/partials/item-scores.hbs" skills=skills system=system}}
|
|
</section>
|
|
</div>
|