User:Vergir: Difference between revisionsGive feedback
Jump to navigation
Jump to search
m Replaced content with "'''SVG PROBE (vergir-bot) — delete when done''' Bare: File:test.svg" Tag: Replaced |
Add ItemBox font-size pin test for redesign (with help from vergir-bot LLM) |
||
| Line 4: | Line 4: | ||
[[File:test.svg]] | [[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> | |||
Revision as of 23:32, 19 July 2026
SVG PROBE (vergir-bot) — delete when done
Bare:
ITEMBOX FONT PIN (vergir-bot) — delete when done
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 {{ItemBox}} output)
If these don't look like normal item cards (wrong font), the test is invalid.
B. MID tier — single long words (cannot wrap, hardest)
Counterspell — 1 word, 12 chars
Counterspell
12px
Counterspell
13px
Counterspell
14px
Sharpshooter — 1 word, 12 chars
Sharpshooter
12px
Sharpshooter
13px
Sharpshooter
14px
Intensifying Magazine — 2 words
Intensifying Magazine
12px
Intensifying Magazine
13px
Transcendent Cooldown — 2 words
Transcendent Cooldown
12px
Transcendent Cooldown
13px
C. SMALL tier — the 6 longest names
Mystic Vulnerability — 13-char word
Mystic Vulnerability
10px
Mystic Vulnerability
11px
Mystic Vulnerability
12px
Nullification Burst — 13-char word
Nullification Burst
10px
Nullification Burst
11px
Nullification Burst
12px
High-Velocity Rounds — hyphen 13
High-Velocity Rounds
10px
High-Velocity Rounds
11px
High-Velocity Rounds
12px
Spirit Shredder Bullets — 3 words (balance)
Spirit Shredder Bullets
10px
Spirit Shredder Bullets
11px
Spirit Shredder Bullets
12px
Bullet Resist Shredder — 3 words (balance)
Bullet Resist Shredder
10px
Bullet Resist Shredder
11px
Bullet Resist Shredder
12px
Armor Piercing Rounds — 3 words
Armor Piercing Rounds
10px
Armor Piercing Rounds
11px
Armor Piercing Rounds
12px
D. text-wrap:balance check
Left = balance on, right = balance off. If they look identical, the sanitizer stripped balance.
Spirit Shredder Bullets
12px
Spirit Shredder Bullets
12px