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:
2026-03-29 16:55:15 +02:00
parent 70e297b48c
commit 569edd833d
2 changed files with 44 additions and 51 deletions

View File

@@ -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;
}
}