Fix styles items : overlay CSS, anomalie NPC/PNJ, checkboxes compétences

- global.less : suppression du ::before cream overlay (causait un masquage
  du header vert sombre sur toutes les fiches items)
  Remplacement : z-index: 1 appliqué à .item-header, .item-tabs, section.tab

- templates/character-main.hbs + npc-main.hbs :
  Correction affichage type anomalie en mode play :
  localize system.anomaly.type → lookup dans anomalyTypes pour label traduit
  'none' s'affiche maintenant 'Aucune'

- templates/npc-competences.hbs :
  Résistance '0 (0)' → 'actuel / total' (format 0/0 plus lisible)

- styles/character.less : skill-level-checkbox
  appearance: none + style custom Art Déco (13×13px, border var(--cel-border),
  checked = fond or, disabled:checked = opaque)
  Remplacement du style browser default (cubes bleus) par des cases élégantes

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
2026-03-28 18:43:59 +01:00
parent a41e5b0199
commit 65445ae840
5 changed files with 45 additions and 16 deletions

View File

@@ -114,13 +114,49 @@
font-weight: bold; font-weight: bold;
min-width: 24px; min-width: 24px;
text-align: center; text-align: center;
color: var(--cel-orange); // gold instead of vivid green color: var(--cel-orange);
} }
.skill-value-input { .skill-value-input {
width: 36px; width: 36px;
.cel-input-std(); .cel-input-std();
text-align: center; text-align: center;
} }
// Track de niveau (cases à cocher Art Déco)
.skill-checkboxes-container {
.skill-checkboxes {
display: flex;
gap: 3px;
align-items: center;
}
.skill-checkbox-wrapper {
line-height: 0;
cursor: pointer;
.skill-level-checkbox {
appearance: none;
-webkit-appearance: none;
display: inline-block;
width: 13px;
height: 13px;
border: 1px solid var(--cel-border);
border-radius: 1px;
background: rgba(255,255,255,0.3);
cursor: pointer;
vertical-align: middle;
transition: background 0.1s, border-color 0.1s;
&:checked {
background: var(--cel-orange);
border-color: var(--cel-border);
}
&:disabled { cursor: default; }
&:disabled:checked {
background: var(--cel-orange);
border-color: var(--cel-border);
opacity: 1;
}
}
}
}
} }
} }
} }

View File

@@ -42,18 +42,10 @@
background-blend-mode: multiply; background-blend-mode: multiply;
background-size: auto; background-size: auto;
background-repeat: repeat; background-repeat: repeat;
// Thin cream overlay so texture is subtle
&::before {
content: '';
position: absolute;
inset: 0;
background: var(--cel-cream);
opacity: 0.92;
pointer-events: none;
z-index: 0;
}
} }
.sheet-header, .sheet-tabs, .sheet-body, .tab { position: relative; z-index: 1; } // Tous les éléments de contenu au-dessus du fond de texture
.sheet-header, .sheet-tabs, .sheet-body, .tab,
.item-header, .item-tabs, section.tab, .item-sheet { position: relative; z-index: 1; }
} }
// ─── Header ────────────────────────────────────────────────────────────── // ─── Header ──────────────────────────────────────────────────────────────

View File

@@ -33,7 +33,7 @@
</select> </select>
<input type="number" name="system.anomaly.value" value="{{system.anomaly.value}}" min="0" max="8" class="anomaly-value"> <input type="number" name="system.anomaly.value" value="{{system.anomaly.value}}" min="0" max="8" class="anomaly-value">
{{else}} {{else}}
<span>{{localize system.anomaly.type}} {{#if system.anomaly.value}}({{system.anomaly.value}}){{/if}}</span> <span class="anomaly-type-display">{{localize (lookup (lookup anomalyTypes system.anomaly.type) 'label')}}</span>
{{/if}} {{/if}}
</div> </div>
</div> </div>

View File

@@ -10,8 +10,9 @@
<input type="number" name="system.stats.{{statId}}.res" <input type="number" name="system.stats.{{statId}}.res"
value="{{lookup ../system.stats statId 'res'}}" min="0" max="8"> value="{{lookup ../system.stats statId 'res'}}" min="0" max="8">
{{else}} {{else}}
<span class="stat-res-value">{{lookup ../system.stats statId 'res'}}</span> <span class="stat-res-value">
<span class="stat-actuel">({{lookup ../system.stats statId 'actuel'}})</span> {{lookup ../system.stats statId 'actuel'}} / {{lookup ../system.stats statId 'res'}}
</span>
{{/if}} {{/if}}
</div> </div>
</div> </div>

View File

@@ -34,7 +34,7 @@
</select> </select>
<input type="number" name="system.anomaly.value" value="{{system.anomaly.value}}" min="0" max="8" class="small-input"> <input type="number" name="system.anomaly.value" value="{{system.anomaly.value}}" min="0" max="8" class="small-input">
{{else}} {{else}}
<span>{{localize system.anomaly.type}} {{#if system.anomaly.value}}({{system.anomaly.value}}){{/if}}</span> <span class="anomaly-type-display">{{localize (lookup (lookup anomalyTypes system.anomaly.type) 'label')}}</span>
{{/if}} {{/if}}
</div> </div>
</div> </div>