User:Saag/AbilityCircle: Difference between revisions

Added hidden margin to allow cursor to bridge
mNo edit summary
Tag: Manual revert
 
(13 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:AbilityData|get_ability_name|{{{hero_name}}}|{{{ability_num}}}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}}
                 {{#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="text-align:left; margin-top: -30px;">
               <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="width: auto; height: 30px"></div>
                   <div style="max-width: 350px; height: 30px"></div>
                   {{#invoke:AbilityData|get_ability_card|{{{hero_name}}}|{{{ability_num}}}}}
                   {{#invoke:Abilities/card|get_ability_card|{{{hero_name}}}|{{{ability_num}}}|true}}
               </div>
               </div>
Line 17: Line 17:
Isolated port of the ability circle and background from [[Template:Ability card]]. Intended for use on [[Heroes]].
Isolated port of the ability circle and background from [[Template:Ability card]]. Intended for use on [[Heroes]].


{{AbilityCircle|hero_name=Abrams|ability_num=2}} {{AbilityCircle|hero_name=Ivy|ability_num=4}}{{User:Saag/AbilityCircle|hero_name=Abrams|ability_num=1}}
{{User:Saag/HeroRosterCard|Abrams|Ability1=Siphon Life|Ability2=Shoulder Charge|Ability3=Infernal Resilience|Ability4=Seismic Impact}}
 
<noinclude>
<noinclude>
<templatedata>
<templatedata>