Comment ajouter une icône dans un lien de navigation ?

Soutien
1

J’aimerais ajouter une icône Font Awesome avant « Chat » ici :

image

Comment puis-je y parvenir ?

Remarque : J’utilise Custom Top Navigation Links pour ce bouton.

2

Bonjour,

Peut-être quelque chose comme ceci pour l’en-tête du bureau ?

Vous pouvez changer la navigation ciblée en modifiant la ligne document.querySelector('#navigation-bar li a[href=\"/chat\"]'); pour pointer vers le bon chemin a[href=\"...\"].

Et vous pouvez également changer l’icône avec iconHTML('comment'); en changeant 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>
4 « J'aime »
3

Bien !

(Au moins 20 caractères)

2 « J'aime »
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.