Привет, я только что создал PR, чтобы добавить новую опцию «catcol» для указания цвета иконки. Это заставит иконку брать цвет категории (как видно на полоске категории, установленной в разделе «Редактировать категорию» → «Общие» → «Цвет фона»). Например: «test,hands-helping,catcol,partial».
Это особенно полезно при частичном совпадении имени: в приведённом примере одна и та же иконка может использоваться для всех категорий, содержащих «test» в их слаг-адресе, но каждая из них будет брать свой собственный цвет категории, а не использовать один и тот же цвет. Также это предоставляет быструю альтернативу выбору цвета для одноразовой иконки (точное совпадение) — достаточно просто использовать цвет категории.
Это также будет полезно в сочетании с предлагаемой новой опцией, позволяющей иконке заменять полоску категории, сохраняя при этом цветовую подсказку категории. Эта функция станет предметом будущего PR.
PR от @rogerco теперь слит, вы можете использовать цвет категории, добавив специальное ключевое слово “categoryColour” туда, где должен быть цвет иконки. Спасибо, Роджер!
Не знаю, пригодится ли это кому-то ещё, но я отправил pull request для discourse-category-banners, чтобы отображать иконку discourse-category-icons рядом с заголовком баннера. Я использую это в продакшене здесь.
Это хорошее дополнение, но оно не работает как ожидалось, если цвет иконки категории установлен в тот же цвет, что и сама категория (в вашем примере вы используете чёрный цвет по умолчанию для иконок категорий, и они инвертируются в белый, как и заголовок).
Цвет иконки в заголовке, вероятно, следует явно установить в тот же цвет, что и заголовок, чтобы можно было использовать иконки любого цвета?
У меня на моём экземпляре была та же проблема, но я понял, что если не указывать цвет иконки категории, она автоматически принимает подходящий цвет: белый при отображении в рендере категории: и в заголовке баннера, и чёрный, когда фон белый: .
Однако, если вы не используете стиль категории box и цвет иконки категории установлен в тот же цвет, что и фон категории, вы правы — иконка становится «невидимой».
Мы, конечно, могли бы явно задать ей другой цвет. Заголовок баннера использует цвет категории; возможно, это самый безопасный вариант, как вы и предложили. @pmusaraj, что вы думаете?
Здравствуйте. Это отличный компонент. Можно ли отключить иконки категорий, когда они отображаются в списках категорий? В нашем случае мы хотим использовать иконки категорий везде, где они появляются, но не в выпадающем списке категорий.
Привет, Penar. Обратите внимание, что мы хотим сохранить иконки для всех категорий, но отключить отображение иконки только в раскрывающемся списке управления категориями. Я пробовал работать с классами “fa d-icon d-icon-lock svg-icon svg-string” и “category-name”, но безрезультатно. Где следует применить настройки CSS? Можете ли вы предложить варианты настроек для проверки?
Конечно, я могу помочь. Можете ли вы прислать скриншот элемента интерфейса, в котором вы хотите скрыть иконки? Я не до конца уверен, что понял вас точно, но со скриншотом смогу предоставить вам CSS-код, необходимый для скрытия иконок только в этом конкретном контексте.
. На этом скриншоте показана иконка стрелки в выпадающем списке категорий. Нам нужно, чтобы иконка отображалась в других местах сайта (см. второй скриншот) Screen Shot 2021-02-08 at 9.59.36 AM|690x356, например, там, где появляются сообщения. Несколько наших пользователей просили добавить такую стрелку «назад», чтобы они могли легко возвращаться в начало категории после просмотра сообщения. Я предлагал другие способы сделать это через веб-интерфейс Discourse, но они всё же хотят, чтобы этот запрос был реализован.
Спасибо,
Дуг Уайт
Программа информатики в здравоохранении штата Северная Каролина
Университет Северной Каролины в Чапел-Хилл
Однако в других местах могут возникнуть проблемы: значок категории отображается во многих местах, и эта стрелка чаще будет сбивать с толку, чем помогать.
Да, я знаю. Я сказал им об этом, но меня попросили сделать это в любом случае. Есть ли способ убрать иконку из самого элемента управления? Она всё ещё отображается вверху списка.
и в заголовке баннера, и чёрный, когда фон белый: 
.
