Items : layout exactement identique à la fiche Anomalie

- Classes .anomaly-body/.anomaly-section/.anomaly-section-title/.anomaly-editor-wrap
  promues au niveau partagé (.fvtt-celestopol.item)
- Templates equipment/weapon/armure/aspect utilisent ces classes exactes
- Suppression des anciens mixins item-body-mixin etc.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
2026-03-29 17:25:40 +02:00
parent 1f7ce03498
commit 7b2662bdd5
5 changed files with 79 additions and 84 deletions

View File

@@ -2,52 +2,49 @@
// ─── Item sheets shared ───────────────────────────────────────────────────────
// ── Mixins : corps de fiche homogène ──────────────────────────────────────────
.item-body-mixin() {
background: var(--cel-cream, #f0e8d4);
padding: 10px 12px;
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
max-height: 370px;
}
.item-section-mixin() {
display: flex;
flex-direction: column;
gap: 4px;
}
.item-section-title-mixin() {
font-family: var(--cel-font-title);
font-size: 0.78em;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--cel-green-dark, #0c4c0c);
background: linear-gradient(to right, rgba(12,76,12,0.12), transparent);
border-left: 3px solid var(--cel-orange, #e07b00);
padding: 2px 6px;
margin-bottom: 2px;
}
.item-editor-wrap-mixin() {
background: white;
border: 1px solid rgba(122,92,32,0.3);
border-radius: 3px;
min-height: 60px;
padding: 4px 6px;
color: #1a1209;
font-size: 0.88em;
line-height: 1.5;
.editor-content, .prosemirror { color: #1a1209; background: transparent; }
p { margin: 0 0 4px 0; color: #1a1209; }
}
.fvtt-celestopol.item {
// Classes partagées entre tous les types d'items
.item-body { .item-body-mixin(); }
.item-section { .item-section-mixin(); }
.item-section-title { .item-section-title-mixin(); }
.item-editor-wrap { .item-editor-wrap-mixin(); }
// ── Corps de fiche homogène (partagé par tous les types d'items) ───────────
.anomaly-body {
background: var(--cel-cream, #f0e8d4);
padding: 10px 12px;
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
max-height: 370px;
}
.anomaly-section {
display: flex;
flex-direction: column;
gap: 4px;
.anomaly-section-title {
font-family: var(--cel-font-title);
font-size: 0.78em;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--cel-green-dark, #0c4c0c);
background: linear-gradient(to right, rgba(12,76,12,0.12), transparent);
border-left: 3px solid var(--cel-orange, #e07b00);
padding: 2px 6px;
margin-bottom: 2px;
}
.anomaly-editor-wrap {
background: white;
border: 1px solid rgba(122,92,32,0.3);
border-radius: 3px;
min-height: 60px;
padding: 4px 6px;
color: #1a1209;
font-size: 0.88em;
line-height: 1.5;
.editor-content, .prosemirror { color: #1a1209; background: transparent; }
p { margin: 0 0 4px 0; color: #1a1209; }
}
}
.item-header {
display: flex;
@@ -324,14 +321,9 @@
}
}
// Corps principal sans onglets
.anomaly-body { .item-body-mixin(); }
.anomaly-section { .item-section-mixin(); }
.anomaly-section {
.anomaly-section-title { .item-section-title-mixin(); }
.anomaly-editor-wrap { .item-editor-wrap-mixin(); }
}
// Corps principal sans onglets : les classes .anomaly-body/.anomaly-section
// sont désormais définies au niveau partagé (voir début du fichier)
}
// Equipment-specific
&.equipment {