Template:Ability card v2/Card/UpgradeBox: Difference between revisions

m Migrated to Abilities/card module
Vergir (talk | contribs)
Note why container-type is set inline here (with help from vergir-bot LLM)
 
(14 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<div style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">
<div id="ability-upgrade-{{{cost}}}" data-index="{{{index}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade">
   <div style="padding: 2px 0 0 2px; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap|{{{cost}}}|icon_size=15px}}</div>
   <div class="ability-upgrade-header">{{Ap|{{{cost}}}|icon_size=15px}}</div>
   <div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize|1em}}});">{{{description}}}</div>
  <!-- container-type is inline because TemplateStyles strips it; the description's cqw size measures against this box. -->
<div>{{#ifeq: {{{scale_type}}}|spirit|{{Ability card v2/Spirit mult|{{{scale_value}}}}}}}</div>
   <div class="ac-upgrade-descwrap" style="container-type: inline-size;"><div class="ac-upgrade-desc" style="font-size: {{{fontsize|0.9rem}}}; line-height: {{{lineheight|1.4}}};">{{{description}}}</div></div>
<div>{{#if: {{{scale_type|}}}|{{Ability card v2/Card/Scaling|{{{scale_value}}}|scale_type={{{scale_type}}}}}}}</div>
</div></includeonly>
</div></includeonly>
<noinclude>
<noinclude>
{{#invoke:Abilities/card|get_ability_card|Wraith|2|false}}
{{#invoke:Abilities/card|get_ability_card|Wraith|2|false}}
Button functionality is handled by [[MediaWiki:Gadget-ability-upgrades.js]].
</noinclude>
</noinclude>