User:Saag/AbilityCircle: Difference between revisionsGive feedback
horizontally center popover card |
mNo edit summary Tag: Manual revert |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
<div class="ability-icon popover-wrapper nopreview" | <div class="ability-icon popover-wrapper nopreview" | ||
style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | ||
{{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{#invoke: | {{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{#invoke:Abilities|get_ability_name|{{{hero_name}}}|{{{ability_num}}}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}} | ||
</div> | </div> | ||
<div class="popover-content" style="position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align:left; margin-top: -30px; max-width: 550px; min-width: 320px; width: 50vw; left: 0;"> | <div class="popover-content" style="position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align:left; margin-top: -30px; max-width: 550px; min-width: 320px; width: 50vw; left: 0;"> | ||
<div style="max-width: 350px; height: 30px"></div> | <div style="max-width: 350px; height: 30px"></div> | ||
{{#invoke: | {{#invoke:Abilities/card|get_ability_card|{{{hero_name}}}|{{{ability_num}}}|true}} | ||
</div> | </div> | ||