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

mNo edit summary
m Handle status effects without a value
Line 31: Line 31:
   <div style="font-size: 1rem; font-weight: bold; padding-top: 10px;">{{#if:{{{status_effect|}}}|{{Icon/Purple|[[File:Status {{{status_effect}}}.png|20px]]}}{{Lang|key=Citadel_StatusEffect{{{status_effect}}}}}}}</div>
   <div style="font-size: 1rem; font-weight: bold; padding-top: 10px;">{{#if:{{{status_effect|}}}|{{Icon/Purple|[[File:Status {{{status_effect}}}.png|20px]]}}{{Lang|key=Citadel_StatusEffect{{{status_effect}}}}}}}</div>
   <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">
   <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-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|Abrams|4|false}}
{{#invoke:Abilities-test/card|get_ability_card|Haze|2|false}}
{{Documentation}}
{{Documentation}}
</noinclude>
</noinclude>