Editing Template:ItemBoxGive feedback

<templatestyles src="Template:ItemBox/styles.css" /><includeonly>

{{#vardefine:itemName|{{{itemName|{{{1}}}}}}}}<!--

     Display name: Lang string for the codename, else the raw name, then override.
-->{{#vardefine:displayName|{{#invoke:Lang|get_string|{{#invoke:ItemData|get_codename|{{#var:itemName}}}}}}}}<!--
-->{{#vardefine:displayName|{{#if:{{#var:displayName}}|{{#var:displayName}}|{{#var:itemName}}}}}}<!--
-->{{#vardefine:displayName|{{{overrideDisplayName|{{#var:displayName}}}}}}}<!--

     Measured name size (em) and stable per-item texture variety.
-->{{#vardefine:fontSize|{{#invoke:ItemBox|getFontSize|{{#var:displayName}}}}}}<!--
-->{{#vardefine:variants|{{#invoke:ItemBox|variants|{{#var:itemName}}}}}}<!--

     Modifier classes: slot (Weapon/Armor/Tech from data, or Weapon/Vitality/Spirit override -> weapon/vitality/spirit), tier, tags.
-->{{#vardefine:slot|{{#switch:{{{overrideSlot|{{#invoke:ItemData|get_prop|{{#var:itemName}}|Slot}}}}}|Weapon=itembox-weapon|Armor|Vitality=itembox-vitality|Tech|Spirit=itembox-spirit}}}}<!--
-->{{#vardefine:tier|itembox-tier-{{{overrideTier|{{#invoke:ItemData|get_prop|{{#var:itemName}}|Tier}}}}}}}<!--
-->{{#vardefine:showTierTag|{{#ifeq:{{{showTierTag|}}}|true|itembox-show-tier}}}}<!--
-->{{#vardefine:isActive|{{{overrideIsActive|{{#invoke:ItemData|is_active|{{#var:itemName}}}}}}}}}<!--
-->{{#vardefine:isActive|{{#ifeq:{{#var:isActive}}|true|itembox-active}}}}<!--
-->{{#vardefine:isImbue|{{{overrideIsImbue|{{#invoke:ItemData|get_prop|{{#var:itemName}}|IsImbue}}}}}}}<!--
-->{{#vardefine:isImbue|{{#ifeq:{{#var:isImbue}}|true|itembox-imbue}}}}<!--

     lowGraphics=true is the setting for callers that place dozens of cards on
     one page. It drops the paper blend, which is the change that matters:
     mix-blend-mode stops WebRender caching those regions as static tiles, so
     every scrolled frame re-rasterises and re-uploads them. Removing it cut the
     render thread's OpenGL work on the profiled navbox by around 90%. It also
     swaps the masked wear tint for a gradient and drops the icon mask.
-->{{#vardefine:lowGraphics|{{#ifeq:{{{lowGraphics|}}}|true|itembox-ramp-wear itembox-flat-icon itembox-no-texture}}}}<!--

     The same layers individually, for testing combinations or overriding the
     bundle above. wearMask drops the mask from the wear tint three ways:
     no   - tint moves behind the artwork, so only the card stock is coloured
     ramp - tint stays on top, fading in from the card's edges
     soft - tint stays on top, uniform and lighter, with the name lifted clear
     texture accepts no to drop the paper blend entirely, or 1, 2 or 3 to give
     every card the same paper instead of one picked from the item's name.
-->{{#vardefine:lite|{{#switch:{{{wearMask|}}}|no=itembox-flat-wear|ramp=itembox-ramp-wear|soft=itembox-soft-wear}} {{#ifeq:{{{iconMask|}}}|no|itembox-flat-icon}} {{#switch:{{{texture|}}}|no=itembox-no-texture|1=itembox-force-tex-1|2=itembox-force-tex-2|3=itembox-force-tex-3}}}}<!--

     Links.
-->{{#vardefine:linkTooltip|{{{overrideLinkTooltip|{{#var:itemName}}}}}}}<!--
-->{{#vardefine:linkImage|{{{overrideLinkImage|{{#var:itemName}}}}}}}<!--
-->{{#vardefine:linkClick|{{{overrideLinkClick|{{#var:itemName}}{{If lang}}}}}}}<!--

--><div class="itembox {{#var:showTierTag}} {{#var:tier}} {{#var:slot}} {{#var:isActive}} {{#var:isImbue}} {{#var:variants}} {{#var:lowGraphics}} {{#var:lite}}" style="font-size:{{#expr: 10 * {{#if:{{{size|}}}|{{{size}}}|1}} }}px;">
	<div class="itembox-background">
		<div class="itembox-card">
			<div class="itembox-icon-area">
				<div class="itembox-icon">[[File:{{#var:linkImage}}.png|160px|link=]]</div>
				<div class="itembox-tier-badge">
					<div class="itembox-tier-badge-shadow"></div>
					<div class="itembox-tier-badge-fill"></div>
					<div class="itembox-tier-badge-number"></div>
				</div>
				<div class="itembox-imbue-tag">{{#invoke:Lang|get_string|item_info_imbue}}</div>
			</div>
			<div class="itembox-name-area">
				<p class="itembox-name" style="font-size:{{#var:fontSize}}em;text-wrap:balance;">{{#var:displayName}}</p>
			</div>
			<div class="itembox-wear"></div>
			<div class="itembox-texture"></div>
			<div class="itembox-bevel"></div>
			<div class="itembox-active-tag">{{#invoke:Lang|get_string|item_info_active}}</div>
			<div class="itembox-outline"></div>
		</div>
	</div>
	<div class="item-link-wrapper" data-item-name="{{#var:linkTooltip}}">[[{{#var:linkClick}}|<span></span>]]</div>
</div></includeonly><noinclude>{{Documentation}}</noinclude>