Иконка ресурса

Добавляем иконки к пунктам управления сообщением

Hope

Premium
Сообщения
48,305
Решения
22
Реакции
71,877
Баллы
40,905
Hope добавил(а) новый ресурс:

Добавляем иконки к пунктам управления сообщением - Добавляем иконки к пунктам управления сообщением.

До:
Посмотреть вложение 76850

После:
Посмотреть вложение 76851

В шаблон extra.less добавляем такой код:
CSS:
.actionBar-action--edit:before, .actionBar-action--report:before, .actionBar-action--ip:before, .actionBar-action--delete:before, .actionBar-action--spam:before, .actionBar-action--warn:before, .actionBar-action--history:before
{
display: inline-block;
font-family: FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased...

Узнать больше об этом ресурсе...
 
CSS:
.actionBar-action {
    
    &:before {
        display: inline-block;
        font-size: inherit;
        margin-right: 5px;
        -webkit-font-smoothing: antialiased;
    }
    
    &--edit:before {
        content: "\f040";
    }
        
    &--report:before {
        content: "\f071";
    }
        
    &--ip:before {
        content: "\f002";
    }
        
    &--delete:before {
        content: "\f00d";
    }
        
    &--spam:before {
        content: "\f024";
    }
        
    &--warn:before {
        content: "\f12a";
    }
        
    &--history:before {
        content: "\f1da";
    }
}
 
не хочу показатся капитаном очевидность, но для версии 2.1.10 (для успешной работы) достаточно удалить в коде - font-family: FontAwesome;
 
Less:
.actionBar-action {
    &:before {
        .m-faBase();
        margin-right: 5px;
    }
    &--edit {
        .m-faBefore(@fa-var-pen);
    }
    &--report {
        .m-faBefore(@fa-var-exclamation-triangle);
    }
    &--ip {
        .m-faBefore(@fa-var-search);
    }
    &--delete {
        .m-faBefore(@fa-var-times);
    }
    &--spam {
        .m-faBefore(@fa-var-flag);
    }
    &--warn {
        .m-faBefore(@fa-var-exclamation);
    }
    &--history {
        .m-faBefore(@fa-var-history);
    }
}
 
не хочу показатся капитаном очевидность, но для версии 2.1.10 (для успешной работы) достаточно удалить в коде - font-family: FontAwesome;
И всё же, Вы капитан очевидность, ведь в ресурсе указана совместимость и там нету пока XF2.1.x, а только 2.0.x, отсюда и следует, что под новую версию, требуются корректировки, что и показал нам Skaiman сообщение выше.
 
Подскажите пожалуйста.
Ставлю эту модификацию и вместо значков у меня квадратики в чем проблема?
uu.jpg
 
В теме есть решение и для версий выше
 
Благодарю это пошло как по маслу .?
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу