src Hover Эффект для actionBar

Hover Эффект для actionBar
Short Description:
Эффект при наведении Xenforo
573
  • Like
Reactions:3 users
По мотивам Убираем текст и оставляем иконки , решил добавить hover эффект для иконок.
Добавляем в extra.less
Less:
//Action Bar
.message-actionBar
{
    .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;
            }
        }
    }
}
  • Screenshot (1).png
    Screenshot (1).png
    82.6 KB · Views: 188
  • Screenshot.png
    Screenshot.png
    76.1 KB · Views: 185

Author

More resources from Black_Dragon

[Samus] RPG Pet Pack | VOL 2 – Oriental
[Samus] RPG Pet Pack | VOL 2 – Oriental
Добавьте 6 питомцев в свою игру!
[Samus] RPG Pet Pack | VOL 1 – Dragons
[Samus] RPG Pet Pack | VOL 1 – Dragons
Добавьте 8 питомцев в свою игру!
[Samus] RPG Pet Pack | VOL 3 – High & Low
[Samus] RPG Pet Pack | VOL 3 – High & Low
Добавьте 8 питомцев в свою игру!
[Samusdev] Slime Pack
[Samusdev] Slime Pack
9 новых мобов и 1 босс
[Littleroom] Ethereal Reaver is here!
[Littleroom] Ethereal Reaver is here!
Эфирный Ривер здесь!
TopBottom