Add ItemBox font-size pin test for redesign (with help from vergir-bot LLM)
(it's vergir)
 
(44 intermediate revisions by 6 users not shown)
Line 1: Line 1:
'''SVG PROBE (vergir-bot) — delete when done'''
test
 
Bare:
 
[[File:test.svg]]
 
----
== ITEMBOX FONT PIN (vergir-bot) — delete when done ==
<templatestyles src="Template:ItemBox/styles.css" />
For each name: tell me the '''largest px where the text does NOT clip or spill''' out of the card. Real live cards shown first as a reference/harness check.
 
=== A. Harness / font sanity (real {{tl|ItemBox}} output) ===
If these don't look like normal item cards (wrong font), the test is invalid.<br>
{{ItemBox|Counterspell}} {{ItemBox|Spirit Shredder Bullets}} {{ItemBox|Extended Magazine}}
 
=== B. MID tier — single long words (cannot wrap, hardest) ===
'''Counterspell''' — 1 word, 12 chars<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Counterspell</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:13px;text-wrap:balance;">Counterspell</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">13px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:14px;text-wrap:balance;">Counterspell</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">14px</div></div>
 
'''Sharpshooter''' — 1 word, 12 chars<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Sharpshooter</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:13px;text-wrap:balance;">Sharpshooter</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">13px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:14px;text-wrap:balance;">Sharpshooter</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">14px</div></div>
 
'''Intensifying Magazine''' — 2 words<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Intensifying Magazine</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:13px;text-wrap:balance;">Intensifying Magazine</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">13px</div></div>
 
'''Transcendent Cooldown''' — 2 words<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Transcendent Cooldown</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:13px;text-wrap:balance;">Transcendent Cooldown</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">13px</div></div>
 
=== C. SMALL tier — the 6 longest names ===
'''Mystic Vulnerability''' — 13-char word<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Mystic Vulnerability</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Mystic Vulnerability</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Mystic Vulnerability</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div>
 
'''Nullification Burst''' — 13-char word<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Nullification Burst</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Nullification Burst</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Nullification Burst</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div>
 
'''High-Velocity Rounds''' — hyphen 13<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">High-Velocity Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">High-Velocity Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">High-Velocity Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div>
 
'''Spirit Shredder Bullets''' — 3 words (balance)<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div>
 
'''Bullet Resist Shredder''' — 3 words (balance)<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Bullet Resist Shredder</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Bullet Resist Shredder</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Bullet Resist Shredder</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div>
 
'''Armor Piercing Rounds''' — 3 words<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:10px;text-wrap:balance;">Armor Piercing Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">10px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:11px;text-wrap:balance;">Armor Piercing Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">11px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Armor Piercing Rounds</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div>
 
=== D. text-wrap:balance check ===
Left = balance on, right = balance off. If they look identical, the sanitizer stripped balance.<br>
<div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;text-wrap:balance;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div><div style="display:inline-block;text-align:center;margin:0 6px 2px 0;vertical-align:top;"><div class="CitadelShopMod ModTier3 isTech"><div class="ModBackground"><div class="ModCard"><div class="modIconContainer"><div class="ModIconImage"></div></div><div class="mod_name_area"><p class="modName" style="font-size:12px;">Spirit Shredder Bullets</p></div><div class="paperWear"></div><div class="paperTexture"></div><div class="paperBevel"></div><div class="Outline"></div></div></div></div><div style="font-size:11px;color:#888;">12px</div></div>