feat(combat): refonte UI — tracker v14, handicap III, malus d'attaque, checkbox
Release Creation / build (release) Failing after 1m28s
Release Creation / build (release) Failing after 1m28s
- combat-tracker.hbs + fight.mjs : alignés sur le CSS core v14 (header/tracker/footer, boutons <button>), attitudes/couleurs PJ-PNJ conservées, menu contextuel combatant réparé - less/combat.less (nouveau) : styles custom tracker + footer sticky des dialogues - handicap des 3 dialogues de jet étendu jusqu'à III - dialogue d'attaque : champ « Malus temporaires » (malus sur les jets) - checkbox/radio : flex: 0 0 auto global (fin des icônes étirées — ex. « Deuxième action » 228px → 24px) - TEST_COMBAT.md : plan de test combat rejouable (S1-S8, tout PASS)
This commit is contained in:
@@ -12,6 +12,16 @@ body.system-vermine2047 {
|
||||
color: @theme-color-secondary;
|
||||
}
|
||||
|
||||
// Les checkbox/radio du système ne s'étirent jamais dans les conteneurs
|
||||
// flex : ils gardent leur taille hexagonale (1rem / 1.5rem). Les cases de
|
||||
// blessure en `div.hexa` (position:absolute) ne sont pas affectées.
|
||||
.system-vermine2047 {
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Override Foundry Core default CSS custom properties
|
||||
// for better readability on the light Vermine2047 theme.
|
||||
|
||||
|
||||
@@ -0,0 +1,45 @@
|
||||
/* ============================================
|
||||
Combat & Combat Tracker (Vermine2047)
|
||||
Styles custom par-dessus le CSS core Foundry v14
|
||||
============================================ */
|
||||
|
||||
// ── Combat tracker sidebar ──────────────────────────────────────────
|
||||
.combat-sidebar {
|
||||
|
||||
// Nom des combatants coloré : PJ (vert acide) / PNJ (hémolymphe)
|
||||
.combat-tracker .name.player {
|
||||
color: @color-acid-green;
|
||||
}
|
||||
|
||||
.combat-tracker .name.npc {
|
||||
color: @color-hemolymph;
|
||||
}
|
||||
|
||||
// Boutons d'attitude (offensif / actif / passif)
|
||||
.combatant-attitudes {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--element-spacing-half);
|
||||
|
||||
.status {
|
||||
color: var(--color-text-subtle);
|
||||
}
|
||||
|
||||
.status.active {
|
||||
color: var(--color-warm-2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ── Footer des dialogues de jet (combat & action) ───────────────────
|
||||
// Pin le footer en bas de la fenêtre : visible même si le contenu dépasse.
|
||||
.application.vermine-roll {
|
||||
.roll-dialog-content .sheet-footer {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
margin-top: auto;
|
||||
padding-top: 8px;
|
||||
background: @theme-color-dark;
|
||||
border-top: 1px solid fade(@color-hemolymph, 50%);
|
||||
}
|
||||
}
|
||||
@@ -204,6 +204,7 @@
|
||||
cursor: pointer;
|
||||
width: 1.5rem;
|
||||
height: 1rem;
|
||||
flex: 0 0 auto;
|
||||
border-radius: 0.4rem;
|
||||
.transition();
|
||||
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
|
||||
|
||||
@@ -31,6 +31,9 @@
|
||||
// 7. Styles des dialogs
|
||||
@import "dialogs";
|
||||
|
||||
// 8. Styles du combat et du combat tracker
|
||||
@import "combat";
|
||||
|
||||
// ============================================
|
||||
// Notes:
|
||||
// - L'ordre des imports est important
|
||||
|
||||
Reference in New Issue
Block a user