Less для добавления или замены иконок Font Awesome у кнопок управления сообщением

[Mirovinger]

Mirovinger добавил(а) новый ресурс:

Less для добавления или замены иконок Font Awesome у кнопок управления сообщением - Добавление или замена иконок Font Awesome у кнопок управления сообщением

Для добавления или изменения иконок Font Awesome у кнопок управления сообщением, достаточно добавить в extra.less такой код.
(Возможно в будущем не только Font Awesome)

.message-button-id (@buttonId; @fa-uid; @color: false) {
    .actionBar-action {
        &--@{buttonId}:before {
            margin-right: 3px;
            & when (iscolor(@color)) {
                color: @color;
            }

            .actionBar-set & {
                content: "\@{fa-uid}"...

Узнать больше об этом ресурсе...

 

[TwiX]

.message-button-id (@buttonId; @fa-uid; @color: false) {
    .actionBar-action {
        &--@{buttonId}:before {
            margin-right: 3px;
            & when (iscolor(@color)) {
                color: @color;
            }

            .actionBar-set & {
                content: "\@{fa-uid}";
            }
        }
    }
}

// Кастомные иконки Font Awesome для кнопок
.message-button-id (edit, f040, red);
.message-button-id (report, f071);
.message-button-id (ip, f002);
.message-button-id (delete, f00d);
.message-button-id (warn, f12a);
.message-button-id (history, f1da);
// Пример замены иконки для мультицитирования
.message-button-id (mq, f10e);
// Здесь код иконок Font Awesome для кнопок, каждый с новой строки

Добавил этот код, но нечего не изменилось

Не получается

 

[Captain]

В extra.less

.actionBar-action--edit:before {.m-faContent("\f040");}
.actionBar-action--report:before {.m-faContent("\f071");}
.actionBar-action--ip:before {.m-faContent("\f002");}
.actionBar-action--delete:before {.m-faContent("\f00d");}
.actionBar-action--spam:before {.m-faContent("\f024");}
.actionBar-action--warn:before {.m-faContent("\f12a");}
.actionBar-action--history:before {.m-faContent("\f1da");}

 

[TwiX]

Captain, все так же, не помогло

 

[root]

В extra.less

.actionBar-action--edit:before {.m-faContent("\f040");}
.actionBar-action--report:before {.m-faContent("\f071");}
.actionBar-action--ip:before {.m-faContent("\f002");}
.actionBar-action--delete:before {.m-faContent("\f00d");}
.actionBar-action--spam:before {.m-faContent("\f024");}
.actionBar-action--warn:before {.m-faContent("\f12a");}
.actionBar-action--history:before {.m-faContent("\f1da");}

У него 2.0.11 наверно

 

[Captain]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[TwiX]

Captain, все равно не добавляются.
Без понятия почему

 

[CrazyHackGUT]

TwiX, Вы бы хоть ссылку на форум дали, посмотреть...
Увидел.
Так в этом меню иконки навряд ли добавляться будут. Вы с компа пробовали смотреть?

 

[TwiX]

TwiX, Вы бы хоть ссылку на форум дали, посмотреть...
Увидел.
Так в этом меню иконки навряд ли добавляться будут.

Почему врятли, вот форум chf.su

 

[CrazyHackGUT]

Почему врятли

Потому что эти пункты - вообще отдельное меню, со своими отдельными стилями.
Те варианты, которые предложены на форуме, предназначены для полноэкранного просмотра.

Вот банальный пример. С компьютера:


С "телефона":

 

[TwiX]

CrazyHackGUT, и как быть, ведь можно же как нибудь добавить

 

[West14]

TwiX, можно, костыльно, но можно, если цепляться за экшены.

 

[CrazyHackGUT]

и как быть

Отдельные стили вешать надо. Для отдельных элементов.
Я в CSS не эксперт, потому не подскажу.

 

[Mirovinger]

.message-button-id (@buttonId; @fa-uid; @color: false) {
    .actionBar-action {
        &--@{buttonId}:before {
            margin-right: 3px;
            & when (iscolor(@color)) {
                color: @color;
            }

            .actionBar-set & {
                content: "\@{fa-uid}";
            }
        }
    }
}

// Кастомные иконки Font Awesome для кнопок
.message-button-id (edit, f040, red);
.message-button-id (report, f071);
.message-button-id (ip, f002);
.message-button-id (delete, f00d);
.message-button-id (warn, f12a);
.message-button-id (history, f1da);
// Пример замены иконки для мультицитирования
.message-button-id (mq, f10e);
// Здесь код иконок Font Awesome для кнопок, каждый с новой строки

Добавил этот код, но нечего не изменилось

Не получается

Сразу и нужно было про это писать, мы не экстрасенсы.
Только вот перегружать мобильную версию лишними элементами...

 

[TwiX]

West14, уже пробовал увы.
Mirovinger, немного не понял

 

[Mirovinger]

Mirovinger обновил(а) ресурс Less для добавления или замены иконок Font Awesome у кнопок управления сообщением новой записью:

Responsive

• Добавлено отображение FA-иконок в меню элементов управления в адаптивном дизайне.

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

Узнать больше об этом обновлении...

 

[TwiX]

Mirovinger, от души, то что надо

Момент только, а в полной версии иконок нет.

 

[Mirovinger]

Не вижу проблемы, замените этим.

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[TwiX]

Mirovinger, только в мобильной версии меняется и все

 

[Mirovinger]

А как вы хотели?
Что-то я Вас не понимаю, у меня всё нормально, у Вас как всегда проблема.