Template:Ability card v2/Card: Difference between revisionsGive feedback
Move AbilityCardV2 template to use CSS-classes instead of inline styling. Ability card's look can now be customized. |
Remove {{uc:}} from ability name so it displays in its native capitalization (with help from vergir-bot LLM) |
||
| (4 intermediate revisions by 3 users not shown) | |||
| Line 6: | Line 6: | ||
<div class="ac-header-left"> | <div class="ac-header-left"> | ||
<div class="ac-title"> | <div class="ac-title"> | ||
<span class="ac-icon">[[File:{{{icon}}}|45px|link=]]</span><span class="ac-name">{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]| | <span class="ac-icon">[[File:{{{icon}}}|45px|link=]]</span><span class="ac-name">{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}}</span> | ||
</div> | </div> | ||
<div class="ac-header-attrs"> | <div class="ac-header-attrs"> | ||
{{Ability_card_v2/Card/HeaderAttr|{{{channel_time|}}}|id=AbilityChannelTime|uom=s| | {{Ability_card_v2/Card/HeaderAttr|{{{channel_time|}}}|id=AbilityChannelTime|uom=s|scale={{{channel_time_scale|}}}|scale_type={{{channel_time_scale_type|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|Channel Time|20px|link=]]}} | ||
{{Ability_card_v2/Card/HeaderAttr|{{{range|}}}|id=AbilityCastRange| | {{Ability_card_v2/Card/HeaderAttr|{{{range|}}}|id=AbilityCastRange|scale={{{range_scale|}}}|scale_type={{{range_scale_type|}}}|uom=m|icon=[[File:CastRange.png|Cast Range|20px|link=]]}} | ||
{{Ability_card_v2/Card/HeaderAttr|{{{radius|}}}|id=Radius| | {{Ability_card_v2/Card/HeaderAttr|{{{radius|}}}|id=Radius|scale={{{radius_scale|}}}|scale_type={{{radius_scale_type|}}}|uom=m|icon=[[File:AttributeIconTechRange.png|Radius|20px|link=]]}} | ||
{{Ability_card_v2/Card/HeaderAttr|{{{ability_width|}}}|id=ability_width|uom=m|icon=[[File:AttributeIconTechRange.png|Width|20px|link=]]}} | {{Ability_card_v2/Card/HeaderAttr|{{{ability_width|}}}|id=ability_width|uom=m|icon=[[File:AttributeIconTechRange.png|Width|20px|link=]]}} | ||
{{Ability_card_v2/Card/HeaderAttr|{{{duration|}}}|id=AbilityDuration|uom=s| | {{Ability_card_v2/Card/HeaderAttr|{{{duration|}}}|id=AbilityDuration|uom=s|scale={{{duration_scale|}}}|scale_type={{{duration_scale_type|}}}|icon=[[File:AttributeIconTechDuration.png|Duration|20px|link=]]}} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="ac-header-right"> | <div class="ac-header-right"> | ||
<div class="ac-charge-row"> | <div class="ac-charge-row"> | ||
{{Ability_card_v2/Card/HeaderAttr|{{{num_of_charges|}}}|id=AbilityCharges|icon=[[File:AttributeIconMaxChargesIncrease.png|Number of Charges|20px|link=]]|style=margin-right: 0;}} | {{Ability_card_v2/Card/HeaderAttr|{{{num_of_charges|}}}|id=AbilityCharges|icon=[[File:AttributeIconMaxChargesIncrease.png|Number of Charges|20px|link=]]|style=margin-right: 0;|hide={{#ifeq: {{{num_of_charges|}}} | 0 | true }}}} | ||
{{Ability_card_v2/Card/HeaderAttr|{{{charge_cooldown|}}}|id=AbilityCooldownBetweenCharge| | {{Ability_card_v2/Card/HeaderAttr|{{{charge_cooldown|}}}|id=AbilityCooldownBetweenCharge|scale={{{charge_cooldown_scale|}}}|scale_type={{{charge_cooldown_scale_type|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|Charge Cooldown|16px|link=]]|style=margin-left: 1px; margin-right: 0}} | ||
</div> | </div> | ||
{{Ability_card_v2/Card/HeaderAttr|{{{cooldown|}}}|id=AbilityCooldown| | {{Ability_card_v2/Card/HeaderAttr|{{{cooldown|}}}|id=AbilityCooldown|scale={{{cooldown_scale|}}}|scale_type={{{cooldown_scale_type|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|Cooldown|20px|link=]]}} | ||
</div> | </div> | ||
</div> | </div> | ||