Files
fvtt-celestopol/templates/equipment.hbs
LeRatierBretonnier a41e5b0199 Révision complète des styles des items et des onglets
- 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>
2026-03-28 18:33:03 +01:00

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>