Header personnage : suppression Anomalie, attributs sur ligne initiative
- Suppression du bloc 'Anomalie' (type + valeur) du header - Attributs (Entregent/Fortune/Rêve/Vision) fusionnés sur la même ligne que l'initiative via .header-stat commun - CSS : remplacement .perso-attributs/.perso-attr par .header-stat unifié Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
@@ -4,44 +4,53 @@
|
||||
|
||||
.fvtt-celestopol.character {
|
||||
|
||||
// Attributs perso (Entregent, Fortune, Rêve, Vision)
|
||||
.perso-attributs {
|
||||
// ── header-stats-row : initiative + attributs sur une seule ligne ──────────
|
||||
.header-stats-row {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px;
|
||||
margin-top: 4px;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.perso-attr {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background: rgba(0,0,0,0.25);
|
||||
border: 1px solid var(--cel-orange);
|
||||
border-radius: 4px;
|
||||
padding: 4px 8px;
|
||||
min-width: 60px;
|
||||
.header-stat {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background: rgba(0,0,0,0.25);
|
||||
border: 1px solid var(--cel-orange);
|
||||
border-radius: 4px;
|
||||
padding: 3px 8px;
|
||||
min-width: 54px;
|
||||
|
||||
label {
|
||||
font-size: 0.6em;
|
||||
text-transform: uppercase;
|
||||
color: var(--cel-orange-light);
|
||||
}
|
||||
label {
|
||||
font-size: 0.58em;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
color: var(--cel-orange-light);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.attr-display, .attr-val, .attr-max {
|
||||
color: var(--cel-orange);
|
||||
font-family: var(--cel-font-title);
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.stat-value, .attr-display {
|
||||
color: var(--cel-orange);
|
||||
font-family: var(--cel-font-title);
|
||||
font-size: 1.05em;
|
||||
font-weight: bold;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
input.attr-val, input.attr-max {
|
||||
width: 28px;
|
||||
text-align: center;
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--cel-orange-light);
|
||||
color: var(--cel-orange);
|
||||
}
|
||||
.attr-sep { color: rgba(196,154,26,0.5); margin: 0 1px; font-size: 0.85em; }
|
||||
|
||||
input.attr-val, input.attr-max {
|
||||
width: 24px;
|
||||
text-align: center;
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--cel-orange-light);
|
||||
color: var(--cel-orange);
|
||||
font-family: var(--cel-font-title);
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -23,32 +23,16 @@
|
||||
<label>{{localize "CELESTOPOL.Actor.initiative"}}</label>
|
||||
<span class="stat-value">{{system.initiative}}</span>
|
||||
</div>
|
||||
<div class="header-stat anomaly">
|
||||
<label>{{localize "CELESTOPOL.Actor.anomaly"}}</label>
|
||||
{{#if isEditMode}}
|
||||
<select name="system.anomaly.type">
|
||||
{{#each anomalyTypes as |atype key|}}
|
||||
<option value="{{key}}" {{#if (eq key ../system.anomaly.type)}}selected{{/if}}>{{localize atype.label}}</option>
|
||||
{{/each}}
|
||||
</select>
|
||||
<input type="number" name="system.anomaly.value" value="{{system.anomaly.value}}" min="0" max="8" class="anomaly-value">
|
||||
{{else}}
|
||||
<span class="anomaly-type-display">{{localize (lookup (lookup anomalyTypes system.anomaly.type) 'label')}}</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{!-- Attributs personnage (Entregent, Fortune, Rêve, Vision) --}}
|
||||
<div class="perso-attributs">
|
||||
{{!-- Attributs personnage (Entregent, Fortune, Rêve, Vision) --}}
|
||||
{{#each system.attributs as |attr key|}}
|
||||
<div class="perso-attr">
|
||||
<div class="header-stat perso-attr">
|
||||
<label>{{localize (concat "CELESTOPOL.Attribut." key)}}</label>
|
||||
{{#if ../isEditMode}}
|
||||
<input type="number" name="system.attributs.{{key}}.value" value="{{attr.value}}" min="0" class="attr-val">
|
||||
<span>/</span>
|
||||
<span class="attr-sep">/</span>
|
||||
<input type="number" name="system.attributs.{{key}}.max" value="{{attr.max}}" min="0" class="attr-max">
|
||||
{{else}}
|
||||
<span class="attr-display">{{attr.value}} / {{attr.max}}</span>
|
||||
<span class="attr-display">{{attr.value}}<span class="attr-sep">/</span>{{attr.max}}</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
|
||||
Reference in New Issue
Block a user