Иконка/эмодзи пункта навигации Discourse

[Don]

	Сводка	Добавить иконку/эмодзи перед элементом навигации
	Репозиторий	GitHub - VaperinaDEV/discourse-nav-item-icon-emoji: Add Icon / Emoji before nav item · GitHub
	Руководство по установке	Как установить тему или компонент темы
	Новичок в темах Discourse?	Начинающее руководство по использованию тем Discourse

Установить этот компонент темы

Привет

С помощью этого компонента темы вы можете добавлять иконки или эмодзи перед элементами навигации. Компонент темы основан на Discourse Easy 'SVG Icon' and 'Emoji' in CSS.

префикс элемента навигации

Этот параметр также поддерживает иконки и эмодзи.

Правило, которое необходимо соблюдать:

Иконка

Если вы хотите добавить иконку перед элементом навигации:
icon:nav-item:icon-set:icon-name:icon-color

Сначала укажите тип icon, если хотите добавить иконку перед элементом навигации.

• nav-item: latest, hot, new, unread, categories и т.д.
• icon-set: brands, regular, solid
• icon-color: currentColor, HEX-код или переменная цвета

Например:
icon:latest:solid:rocket:currentColor
icon:top:regular:star:var(--gold)
icon:unseen:solid:compass:#228C22

---

Эмодзи

Если вы хотите добавить эмодзи перед элементом навигации:
emoji:nav-item:emoji-set:emoji-name:filter

Сначала укажите тип emoji, если хотите добавить эмодзи перед элементом навигации.

• nav-item: latest, hot, new, unread, categories и т.д.
• emoji-set: apple, google, twitter, win10, google_classic, facebook_messenger
• filter: Делает эмодзи чёрным в светлой теме и белым в тёмной. При наведении или активации эмодзи плавно раскрывается (опционально).
  

Например:
emoji:latest:twitter:rocket:filter
emoji:top:google:star
emoji:new:facebook_messenger:bell

Навигация на компьютере

Навигация на мобильном устройстве

[davidkingham]

Очень круто, Дон! Есть ли надежда, что это заработает с FontAwesome Pro? Я использую светлые иконки…

[Don]

Да, я думаю, это возможно, но, к сожалению, у меня нет доступа к набору иконок Pro. Это работает с SVG-иконками, так что если у вас есть к ним доступ, то всё должно сработать. Нужно немного доработать компонент и добавить эти SVG-файлы. После этого вы сможете использовать их через настройки. Также важно уточнить юридические аспекты использования SVG-иконок Pro на веб-сайте, в чём я не уверен.

[Aaron_Walsh]

Почему нет продолжения обсуждения ? По каждой теме, которую ты создаёшь, я хочу получать уведомление! Как говорит сам термин… ТЫ РАЗБИВАЕШЬ РЕКОРДЫ!

[sheng_hualuo (花落晓斩神)]

После обновления Discourse на мобильном устройстве не отображается иконка, что вызывает путаницу. У кого-то ещё возникла такая же проблема??

[Lilly (Lillian)]

Похоже, на скриншоте отображается десктопная версия (судя по иконке «гамбургер» в левом углу), но у меня компонент работает на мобильном устройстве.

[Aaron_Walsh]

Я согласен с тем, что говорит @sheng_hualuo о новой навигации (выпадающий список); она не отображается.

[Lilly (Lillian)]

А, я вижу это и в выпадающем списке.

[Don]

Да, извините, этот компонент темы и другие мои компоненты, которые модифицировали панель навигации, требуют обновления из-за этого изменения: DEV: replace list control nav dropdown with DMenuMobile (#28324) · discourse/discourse@931485b · GitHub. Я думаю над решением. Мы можем легко нацелиться на элементы навигации в модальном окне, но у выбранного элемента, к сожалению, нет специфического класса, и, думаю, нам придется отказаться от десктопной навигации в компонентах.

[Don]

Привет

Я внес обновление в этот компонент.

1. Удаляет версию навигации для настольных компьютеров на мобильных устройствах
2. Добавляет совместимость с новой мобильной навигацией

К сожалению, мы не можем добавить это здесь, так как у этого раздела нет специального класса для элемента навигации.

DEV: fixes compatibility to the new mobile navigation (#1)

[sheng_hualuo (花落晓斩神)]

Спасибо большое за исправление, но мне очень жаль, что функция для версии для настольных компьютеров была удалена, так как она отлично смотрится на моём сайте.