Template:Magic for job/item: Difference between revisions

From HorizonXI Wiki
m (whitespace)
m (flex layout for nicer wrapping on extremely narrow viewports (i.e. small phones))
Line 1: Line 1:
<includeonly><div style="border: solid #aaa; border-width: 0 1px 1px; background: #eff4f5;"><!--
<includeonly><div style="display: flex; border: solid #aaa; border-width: 0 1px 1px; background: #eff4f5;"><!--
--><dt style="display: inline-block; margin: 0; border-right: 1px solid #aaa; padding: 0.3em 0.4em; width: 2ch; text-align: right; line-height: inherit; font-family: inherit; font-weight: inherit;">{{{level}}}</dt><!--
--><dt style="flex: 0 0 2ch; margin: 0; border-right: 1px solid #aaa; padding: 0.3em 0.4em; text-align: right; line-height: inherit; font-family: inherit; font-weight: inherit;">{{{level}}}</dt><!--
--><dd style="display: inline-block; position: relative; margin: 0; padding: 0.3em 0.4em; width: 18ch;"><!--
--><dd style="flex: 1 1 18ch; position: relative; margin: 0; padding: 0.3em 0.4em;"><!--
   -->{{#if:{{{icon|}}}|<!--
   -->{{#if:{{{icon|}}}|<!--
       --><span class="icon-type-2" style="position: absolute; left: 0.4em; pointer-events: none;">[[{{{icon}}}|x18px|text-top|link=|alt=]]</span><!--
       --><span class="icon-type-2" style="position: absolute; left: 0.4em; pointer-events: none;">[[{{{icon}}}|x18px|text-top|link=|alt=]]</span><!--

Revision as of 17:43, 14 October 2025