- 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>
59 lines
2.6 KiB
Handlebars
59 lines
2.6 KiB
Handlebars
<div class="item-sheet equipment">
|
|
<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">
|
|
<select name="system.subtype" {{#unless isEditable}}disabled{{/unless}}>
|
|
{{#each equipmentTypes as |etype key|}}
|
|
<option value="{{key}}" {{#if (eq key ../system.subtype)}}selected{{/if}}>{{localize etype.label}}</option>
|
|
{{/each}}
|
|
</select>
|
|
<div class="item-qty">
|
|
<label>{{localize "CELESTOPOL.Item.quantity"}}</label>
|
|
<input type="number" name="system.quantity" value="{{system.quantity}}" min="0"
|
|
{{#unless isEditable}}disabled{{/unless}}>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="equipment-stats">
|
|
<div class="form-group">
|
|
<label>{{localize "CELESTOPOL.Item.damage"}}</label>
|
|
<input type="text" name="system.damage" value="{{system.damage}}" {{#unless isEditable}}disabled{{/unless}}>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{localize "CELESTOPOL.Item.range"}}</label>
|
|
<input type="text" name="system.range" value="{{system.range}}" {{#unless isEditable}}disabled{{/unless}}>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{localize "CELESTOPOL.Item.protection"}}</label>
|
|
<input type="text" name="system.protection" value="{{system.protection}}" {{#unless isEditable}}disabled{{/unless}}>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{localize "CELESTOPOL.Item.speed"}}</label>
|
|
<input type="text" name="system.speed" value="{{system.speed}}" {{#unless isEditable}}disabled{{/unless}}>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{localize "CELESTOPOL.Item.crew"}}</label>
|
|
<input type="text" name="system.crew" value="{{system.crew}}" {{#unless isEditable}}disabled{{/unless}}>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{localize "CELESTOPOL.Item.weight"}}</label>
|
|
<input type="number" name="system.weight" value="{{system.weight}}" min="0"
|
|
{{#unless isEditable}}disabled{{/unless}}>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group description-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>
|
|
</div>
|