Добавляем иконки в staffbar

[IlyaPep]

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

Добавляем иконки в staffbar - Добавляем иконки в staffbar

Добавляем в шаблон extra.less

.p-staffBar [data-xf-click="menu"]:before{font-family:FontAwesome;content:"\f056";padding-right:5px; font-size: 15px}
.p-staffBar [class="p-staffBar-link"]:before{font-family:FontAwesome;content:"\f13e";padding-right:5px; font-size: 15px}

При желании можете убрать размер шрифта, просто иконки мне...

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

 

[Skaiman]

По феншую

.p-staffBar-before () {
    font-family: FontAwesome;
    padding-right: 5px;
    font-size: 15px
}

.p-staffBar {
    .p-staffBar-link {
        &.menuTrigger {
            &:before {
                content:"\f056";
            }
        }
        &:before {
            .p-staffBar-before;
            content:"\f13e";
        }
    }
}

.p-staffBar .p-staffBar-link.menuTrigger:before {
  content: "\f056";
}
.p-staffBar .p-staffBar-link:before {
  font-family: FontAwesome;
  padding-right: 5px;
  font-size: 15px;
  content: "\f13e";
}

 

[Bams]

странно, у меня иконки не отображаются, стиль U.X 2, кто подскажет

 

[IlyaPep]

странно, у меня иконки не отображаются, стиль U.X 2, кто подскажет

версия движка 2.1?

 

[Bams]

версия движка 2.1?

Так точно

 

[IlyaPep]

Так точно

Замените FontAwesome на 'Font Awesome 5 Pro'

 

[Bams]

Замените FontAwesome на 'Font Awesome 5 Pro'

Не подскажите как это сделать ?

 

[IlyaPep]

Не подскажите как это сделать ?

Вместо того, вставить это в extra.less

.p-staffBar [data-xf-click="menu"]:before{font-family:'Font Awesome 5 Pro';content:"\f056";padding-right:5px; font-size: 15px}
.p-staffBar [class="p-staffBar-link"]:before{font-family:'Font Awesome 5 Pro';content:"\f13e";padding-right:5px; font-size: 15px}

 

[Bams]

Вместо того, вставить это в extra.less

.p-staffBar [data-xf-click="menu"]:before{font-family:'Font Awesome 5 Pro';content:"\f056";padding-right:5px; font-size: 15px}
.p-staffBar [class="p-staffBar-link"]:before{font-family:'Font Awesome 5 Pro';content:"\f13e";padding-right:5px; font-size: 15px}

А как для жалобы добавить не подскажите ?

 

[IlyaPep]

А как для жалобы добавить не подскажите ?

Туда же добавить

.p-staffBar [href="/reports/"]:before{font-family:'Font Awesome 5 Pro';content:"\f024";padding-right:5px; font-size: 15px}

 

[Bams]

Туда же добавить

.p-staffBar [href="/reports/"]:before{font-family:'Font Awesome 5 Pro';content:"\f024";padding-right:5px; font-size: 15px}

Не работает )

 

[IlyaPep]

Не работает )

Хм, у себя проверял и всё работало. Напишите в лс, щас разберёмся.

 

[CrazyHackGUT]

XELLADOLL, ЧПУ выключен, вангую.

 

[Bams]

XELLADOLL, ЧПУ выключен, вангую.

Верно, между прочим когда включаю, то только главная работает а остальные страницы отдают 404 )))

 

[CrazyHackGUT]

Потому что веб-сервер не настроен.
Попробуйте так:

       .p-staffBar [href$="/reports/"]:before{font-family:'Font Awesome 5 Pro';content:"\f024";padding-right:5px; font-size: 15px}

 

[Bams]

Проблема решена ) Включением ЧПУ ) Еще бы знать теперь как настроить что бы страницы остальные работали а не 404 ошибка была )

 

[IlyaPep]

Проблема решена ) Включением ЧПУ ) Еще бы знать теперь как настроить что бы страницы остальные работали а не 404 ошибка была )

Ну это к этой теме не имеет отношения. Создайте тему в разделе тех поддержки

 

[IlyaPep]

XELLADOLL обновил(а) ресурс Добавляем иконки в staffbar новой записью:

Рефакторинг кода

- Изменена структура кода
- Изменены иконки
- Добавлена поддержка версии 2.1
- Добавлена иконка для жалоб и очереди модерации

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

 

[Bams]

Можно сделать запрос на добавление иконки для данного раздела ?)

 

[West14]

.p-staffBar .p-staffBar-link {
    &:before {
        .m-faBase();
        padding-right: 5px;
    }

    &[href$="reports/"] {
        .m-faBefore(@fa-var-exclamation-triangle);
    }

    &[href$="/admin.php"] {
        .m-faBefore(@fa-var-cog);
    }
   
    &[href$="approval-queue/"] {
        .m-faBefore(@fa-var-check-square);
    }

    &[data-xf-click="menu"] {
        .m-faBefore(@fa-var-flag);
    }
}

Как вариант, плюс тут ещё иконка для очереди модерации.