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:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 ──────────────────────────────────────────────────────────────
|
||||
|
||||
Reference in New Issue
Block a user