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

No edit summary
Vergir (talk | contribs)
Note why container-type is set inline here (with help from vergir-bot LLM)
 
(23 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; max-height: 100px; font-size: 100%; overflow: hidden; {{#ifeq: {{{scale_type}}} | spirit | background: rgb(42,41,43);
<div id="ability-upgrade-{{{cost}}}" data-index="{{{index}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade">
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%);  |background-color: #2A2A2A}}; padding: 20px 0px 20px 0px; margin: 5px; text-align: center; border: 3px solid {{#ifeq: {{{scale_type}}} | spirit | #583D6F | #2A2A2A}}; box-shadow: 0 0 10px {{#ifeq: {{{scale_type}}} | spirit | #3d2c4d | #2A2A2A}}; border-radius: 1px">
   <div class="ability-upgrade-header">{{Ap|{{{cost}}}|icon_size=15px}}</div>
   <div>{{Ap|{{{cost}}}}}</div>
  <!-- container-type is inline because TemplateStyles strips it; the description's cqw size measures against this box. -->
   <div style="font-size: {{{fontsize|1em}}}; padding: 5px;">{{{description}}}{{#ifeq: {{{scale_type}}}|spirit|{{ss|{{{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>
<div>{{#if: {{{scale_type|}}}|{{Ability card v2/Card/Scaling|{{{scale_value}}}|scale_type={{{scale_type}}}}}}}</div>
</includeonly>
</div></includeonly>
 
<noinclude>
{{#invoke:Abilities/card|get_ability_card|Wraith|2|false}}


<noinclude>
Button functionality is handled by [[MediaWiki:Gadget-ability-upgrades.js]].
{{#invoke:AbilityData|get_ability_card|Abrams|4|true}}
</noinclude>
</noinclude>