diff --git a/Draw Steel/draw-steel.css b/Draw Steel/draw-steel.css index 71837fa532..4fc6a4c3a7 100644 --- a/Draw Steel/draw-steel.css +++ b/Draw Steel/draw-steel.css @@ -41,8 +41,8 @@ .charsheet input[type=number] { text-align: center; } -.charsheet input[type=number]:not(.inner-spin)::-webkit-inner-spin-button, -.charsheet input[type=number]:not(.inner-spin)::-webkit-inner-spin-button { +.charsheet input[type=number].no-spin::-webkit-inner-spin-button, +.charsheet input[type=number].no-spin::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } @@ -352,8 +352,14 @@ input.characteristic-i18n-switch[value="presence"] grid-template-columns: repeat(6, 1fr); } .ability-name { - grid-column-start: 1; - grid-column-end: -1; + grid-column-end: span 4; + font-weight: bold; +} +.ability-cost-input-group { + grid-column-end: span 2; + justify-self: end; +} +.ability-cost-input-group > input { font-weight: bold; } .ability-description { @@ -372,6 +378,10 @@ input.characteristic-i18n-switch[value="presence"] text-align: end; font-weight: bold; } +.ability-type:has(> option[value*="triggered"]:checked) ~ .triggered-hide, +.ability-type:not(:has(> option[value*="triggered"]:checked)) ~ .triggered-show { + display: none; +} .ability-distance { grid-column-end: span 3; } @@ -380,6 +390,11 @@ input.characteristic-i18n-switch[value="presence"] font-size: 0.8em; text-align: end; } +.ability-card:has([name="attr_has_power_roll"]:checked) > .power-roll-hide, +.ability-card:has([name="attr_has_power_roll"]:not(:checked)) > .power-roll { + display: none; +} +.ability-card > .power-roll-hide, .ability-card > .power-roll { grid-column-start: 1; grid-column-end: -1; @@ -399,6 +414,7 @@ input.characteristic-i18n-switch[value="presence"] .power-roll-tier-effect { font-size: 0.8em; } +.ability-card > .ability-trigger, .ability-card > .ability-effect { grid-column-start: 1; grid-column-end: -1; diff --git a/Draw Steel/draw-steel.html b/Draw Steel/draw-steel.html index df45dea65f..1399ddb622 100644 --- a/Draw Steel/draw-steel.html +++ b/Draw Steel/draw-steel.html @@ -101,15 +101,15 @@ - + - +
- +
@@ -214,11 +214,11 @@
- +
- +
@@ -354,18 +354,30 @@
+
+ + +
+ +
+ + +
+ + @@ -501,9 +513,9 @@ (roll) => { const doubleEdgeBane = (() => { switch (attrs.roller_edge_bane) { - case 'doubleBane': + case 'double-bane': return -1; - case 'doubleEdge': + case 'double-edge': return 1; default: return 0; diff --git a/Draw Steel/translation.json b/Draw Steel/translation.json index 37626f3295..d2a666cb8e 100644 --- a/Draw Steel/translation.json +++ b/Draw Steel/translation.json @@ -55,11 +55,15 @@ "abilities": "Abilities", "keywords": "Keywords", "ability-name": "Name", + "ability-cost": "Cost", "ability-description": "Description", "ability-type": "Type", + "no-action": "No action", "main-action": "Main Action", "maneuver": "Maneuver", + "free-maneuver": "Free Maneuver", "triggered-action": "Triggered", + "free-triggered-action": "Free Triggered", "distance": "Distance", "target": "Target", "trigger": "Trigger",