xF2 Template Modification Hover Effect for action Bar

[uydudoktoru]

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); }
        &--delete { .m-faBefore(@fa-var-times); }
 
        &--ip { .m-faBefore(@fa-var-search); }
        &--warn { .m-faBefore(@fa-var-exclamation); }
        &--spam { .m-faBefore(@fa-var-flag); }
        &--report { .m-faBefore(@fa-var-exclamation-triangle); }
        &--history { .m-faBefore(@fa-var-history); }
 
        @media(max-width: @xf-responsiveWide)
        {
            &:hover
            {
                font-size: 0;
                text-decoration:none;
            }
        }
    }

/*Action Bar*/