Вместо PNG-изображений я пытаюсь использовать иконки Font Awesome, но они отображаются некорректно. Есть идеи, как это исправить?
Попробуйте использовать следующий компонент. Я только что его протестировал, и он работает:
Привет, tshenry. Я видел этот компонент темы, но он отображается по всему форуму (и только в подкатегориях). Мне нужно показать его только в блоке/списке категорий на странице «Категории». Единственная возможность, которую предоставляет Discourse, — это использование изображения .png.
.navigation-categories .category-text-title .category-name{
position: relative;
&:before{
position: relative;
font-family: "Font Awesome 5 Pro";
content: "\f054";
font-weight: 900;
}
Вот что я пытаюсь сделать, используя иконки Font Awesome.
Та же просьба:
Ага, понятно, что CSS, который вы опубликовали, больше не работает.
Я думаю, лучший способ решить эту задачу — добавить выходной шлюз плагина в шаблон category-title-link и использовать виджет для добавления соответствующей иконки перед названием категории. Мне кажется логичным, чтобы компонент «Иконки категорий» опционально включал иконку категории в список категорий. Если вы хотите, чтобы иконки отображались только в списке категорий, их можно скрыть в других местах с помощью CSS.
@pmusaraj, что вы думаете? Если вы считаете это хорошей идеей, я могу создать PR для выходного шлюза плагина, а затем попробовать подготовить PR для компонента «Иконки категорий», который добавит эту функциональность.
Это было бы отлично. @pmusaraj
Мне это подходит, спасибо, что разобрались в этом.
@tshenry у вас есть какие-либо новости по этому поводу?
Эта функциональность теперь включена в компонент Иконки категорий. Чтобы функция работала корректно, убедитесь, что вы используете последнюю версию Discourse и последнюю версию компонента.