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

Wrap the upgrade description in a container-query box and take the font size from the module instead of a viewport clamp (with help from vergir-bot LLM)
Vergir (talk | contribs)
m Undo revision 104481 by ~2026-SlotReloadHex823 broke it, reverting to investigate
Tag: Undo
Line 1: Line 1:
<includeonly>
<includeonly>
<div id="ability-upgrade-{{{cost}}}" data-index="{{{index}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade">
<div id="ability-upgrade-{{{cost}}}" data-index="{{{index}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade">
   <div class="ability-upgrade-header">{{Ap|{{{cost}}}|icon_size=15px}}</div>
   <div class="ability-upgrade-header">{{Ap|{{{cost}}}|icon_size=15px}}</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 class="ac-upgrade-desc" style="font-size: clamp(0.60em, 2vw, {{{fontsize|1em}}});">{{{description}}}</div>
<div>{{#if: {{{scale_type|}}}|{{Ability card v2/Card/Scaling|{{{scale_value}}}|scale_type={{{scale_type}}}}}}}</div>
<div>{{#if: {{{scale_type|}}}|{{Ability card v2/Card/Scaling|{{{scale_value}}}|scale_type={{{scale_type}}}}}}}</div>
</div></includeonly>
</div></includeonly>