User:Saag/Sandbox/Ability card v2/Card/StatusBox: Difference between revisions

m Handle status effects without a value
mNo edit summary
 
Line 25: Line 25:
     </div>
     </div>
   </div>|}}
   </div>|}}
<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: space-between; align-items: center; {{#switch: {{{scale_type}}} | melee = background: rgb(36,37,36);
<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: center; align-items: center; {{#switch: {{{scale_type}}} | melee = background: rgb(36,37,36);
background: radial-gradient(circle, rgba(36,37,36,1) 0%, rgba(66,55,47,1) 100%); | spirit = background: rgb(42,41,43);
background: radial-gradient(circle, rgba(36,37,36,1) 0%, rgba(66,55,47,1) 100%); | spirit = background: rgb(42,41,43);
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%); | power_increase = background: rgb(61,78,70);
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%); | power_increase = background: rgb(61,78,70);
Line 32: Line 32:
   <div style="display:flex; flex-direction:row; align-items: center; gap: 5px; padding-left: 5px">
   <div style="display:flex; flex-direction:row; align-items: center; gap: 5px; padding-left: 5px">
   {{#if: {{{value|}}}|<div style="font-weight: bold;">{{ValueAndUom|'''{{{value}}}'''|id={{{key}}}|class=ability-attr|{{Lang|key={{{key}}}_postfix}}|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}
   {{#if: {{{value|}}}|<div style="font-weight: bold;">{{ValueAndUom|'''{{{value}}}'''|id={{{key}}}|class=ability-attr|{{Lang|key={{{key}}}_postfix}}|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}
</div>}}
</div>|<div style="font-weight: bold; font-size: 0.8rem; color: #B2B2B2;">Status Effect</div>}}
   <div style="font-size: 0.8rem;">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div>
   <div style="font-size: 0.8rem;">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div>
</div></div></div>
</div></div></div>
</includeonly><noinclude>
</includeonly><noinclude>
{{#invoke:Abilities-test/card|get_ability_card|Haze|2|false}}
{{#invoke:Abilities-test/card|get_ability_card|Abrams|4|false}}
{{Documentation}}
{{Documentation}}
</noinclude>
</noinclude>