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;
min-width: 24px;
text-align: center;
color: var(--cel-orange); // gold instead of vivid green
color: var(--cel-orange);
}
.skill-value-input {
width: 36px;
.cel-input-std();
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-size: auto;
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 ──────────────────────────────────────────────────────────────