xF2 Template Modification Hover Effect for action Bar

[Thanos Crax]

Thanos Crax submitted a new resource:

Hover Effect for action Bar - Hover affects for icons of action bar

Add to extra.less

/*Action Bar*/
    .actionBar-action, .reaction-text
    {
        font-size: 0;
        .m-transition();
        &:before
        {
            font-size: @xf-fontSizeNormal;
            margin-right: 5px;
        }
        &--inlineMod, &--menuTrigger, &--reaction, &:hover, &:hover .reaction-text
        {
            font-size: 100%;
            text-decoration:none;
        }
     
        &--edit { .m-faBefore(@fa-var-pencil); }...

Read more about this resource...

 

[MiroshiniTamil]

for me it getting hidden hover only shows normally hidden

 

[Thanos Crax]

View attachment 36923
for me it getting hidden hover only shows normally hidden

MiroshiniTamilThat's bcs of custom theme.

 

[MiroshiniTamil]

That's bcs of custom theme.

Thanos Craxowh its only working default theme bro ?

 

[Thanos Crax]

owh its only working default theme bro ?

MiroshiniTamilNo it works on all. But some themes have different modifications.
You have to alter your own theme for it to work.

 

[rojo_salas]

Hi, how do I do it for the action bar button of "Easy User Ban 2 by Siropu"?
What could be the element ID for this button? "quick-ban" or "ban" doesn't work for me.
Hope you can help! Thanks!

 

[Splicho]

Hi, how do I do it for the action bar button of "Easy User Ban 2 by Siropu"?
What could be the element ID for this button? "quick-ban" or "ban" doesn't work for me.
Hope you can help! Thanks!

rojo_salasCheck the addon templates