Template:Ability card v2/Card/UpgradeBox - Revision history

Vergir: Note why container-type is set inline here (with help from vergir-bot LLM)

2026-08-01T19:14:52Z

Note why container-type is set inline here (with help from vergir-bot LLM)

← Older revision		Revision as of 19:14, 1 August 2026
Line 3:		Line 3:
	<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>
			<!-- container-type is inline because TemplateStyles strips it; the description's cqw size measures against this box. -->
	<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-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>{{#if: {{{scale_type\|}}}\|{{Ability card v2/Card/Scaling\|{{{scale_value}}}\|scale_type={{{scale_type}}}}}}}</div>

Vergir: undo latest undo, it's good now

2026-07-31T12:57:58Z

undo latest undo, it's good now

← Older revision		Revision as of 12:57, 31 July 2026
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-desc" style="font-size: ~~clamp(~~0.~~60em, 2vw,~~ {{{~~fontsize~~\|~~1em~~}}});">{{{description}}}</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>{{#if: {{{scale_type\|}}}\|{{Ability card v2/Card/Scaling\|{{{scale_value}}}\|scale_type={{{scale_type}}}}}}}</div>
	</div></includeonly>		</div></includeonly>

Vergir: Undo revision 104481 by ~2026-SlotReloadHex823 broke it, reverting to investigate

2026-07-31T12:07:21Z

Undo revision 104481 by ~2026-SlotReloadHex823 broke it, reverting to investigate

← Older revision		Revision as of 12:07, 31 July 2026
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>

~2026-SlotReloadHex823: 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)

2026-07-31T12:00:16Z

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)

← Older revision		Revision as of 12:00, 31 July 2026
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-desc" style="font-size: ~~clamp(~~0.~~60em, 2vw,~~ {{{~~fontsize~~\|~~1em~~}}});">{{{description}}}</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>{{#if: {{{scale_type\|}}}\|{{Ability card v2/Card/Scaling\|{{{scale_value}}}\|scale_type={{{scale_type}}}}}}}</div>
	</div></includeonly>		</div></includeonly>

Gammaton32 at 16:52, 17 June 2026

2026-06-17T16:52:22Z

← Older revision		Revision as of 16:52, 17 June 2026
Line 7:		Line 7:
	<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>

Gammaton32: scaling template

2026-05-14T04:31:03Z

scaling template

← Older revision		Revision as of 04:31, 14 May 2026
Line 3:		Line 3:
	<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-desc" style="font-size: clamp(0.60em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div class="ac-upgrade-desc" style="font-size: clamp(0.60em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>
	<div>{{#~~ifeq~~: {{{scale_type}}}~~\|spirit~~\|{{Ability card v2/~~Spirit mult~~\|{{{scale_value}}}}}}}</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}}
	</noinclude>		</noinclude>

Vergir: adjust lower font-size limit on upgradebox

2026-05-02T19:53:40Z

adjust lower font-size limit on upgradebox

← Older revision		Revision as of 19:53, 2 May 2026
Line 2:		Line 2:
	<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-desc" style="font-size: clamp(0.~~70em~~, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div class="ac-upgrade-desc" style="font-size: clamp(0.60em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>
	<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>		<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>
	</div></includeonly>		</div></includeonly>

Vergir: Undo revision 67651 by Vergir, templatestyle does not support font-size: clamp()

2026-05-02T19:33:38Z

Undo revision 67651 by Vergir, templatestyle does not support font-size: clamp()

← Older revision		Revision as of 19:33, 2 May 2026
Line 2:		Line 2:
	<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-desc">{{{description}}}</div>		<div class="ac-upgrade-desc" style="font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>
	<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>		<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>
	</div></includeonly>		</div></includeonly>

Vergir: move font-clamping from intline style to css

2026-05-02T19:31:23Z

move font-clamping from intline style to css

← Older revision		Revision as of 19:31, 2 May 2026
Line 2:		Line 2:
	<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-desc~~" style="font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});~~">{{{description}}}</div>		<div class="ac-upgrade-desc">{{{description}}}</div>
	<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>		<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>
	</div></includeonly>		</div></includeonly>

Vergir: Make AbilityCard/UpgradeBox use css classes (can be customized now)

2026-05-02T18:58:22Z

Make AbilityCard/UpgradeBox use css classes (can be customized now)

← Older revision		Revision as of 18:58, 2 May 2026
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" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #131211; 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 class="ability-upgrade-header~~" style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #402f4c; 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>		<div class="ac-upgrade-desc" style="font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>
	<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>		<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>
	</div></includeonly>		</div></includeonly>