Как добавить иконку в ссылку навигации?

Поддержка
1

Я хочу добавить иконку Font Awesome перед словом «Чат» здесь:

image

Как это можно сделать?

Примечание: Я использую Custom Top Navigation Links для этой кнопки.

2

Здравствуйте,

Может быть, что-то вроде этого для заголовка рабочего стола?

Вы можете изменить целевую навигацию, изменив строку document.querySelector('#navigation-bar li a[href="/chat"]');, чтобы она указывала на правильный путь a[href="..."].

Также вы можете изменить иконку, изменив comment в вызове iconHTML('comment');.

Screenshot 2022-04-22 at 18.43.45

<script type="text/discourse-plugin" version="0.8">
  api.onPageChange(() => {
    const { iconHTML } = require("discourse-common/lib/icon-library");
    const navItem = document.querySelector('#navigation-bar li a[href="/chat"]');

    let icon = iconHTML('comment');
       
    if (navItem) {
      navItem.insertAdjacentHTML('afterbegin', icon)
    }
  });
</script>
3

Отлично!

(По крайней мере 20 символов)