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;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
// Tous les éléments de contenu au-dessus du fond de texture
|
||||||
.sheet-header, .sheet-tabs, .sheet-body, .tab { position: relative; z-index: 1; }
|
.sheet-header, .sheet-tabs, .sheet-body, .tab,
|
||||||
|
.item-header, .item-tabs, section.tab, .item-sheet { position: relative; z-index: 1; }
|
||||||
}
|
}
|
||||||
|
|
||||||
// ─── Header ──────────────────────────────────────────────────────────────
|
// ─── Header ──────────────────────────────────────────────────────────────
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user