Liens d'en-tête personnalisés (icônes)

Oh là là — cela a fait l’affaire, merci beaucoup !
J’avais essayé « building » uniquement dans le composant du thème (cela n’a pas fonctionné) et « fas-building » dans les deux endroits (cela n’a pas fonctionné non plus), mais je n’avais pas pensé à essayer la version simple dans les deux champs.

Je suggère toujours de rendre cette différence entre fa(s) et fab/far plus claire dans la description du composant.

2 « J'aime »

Bonjour.
Merci pour cette excellente extension.

Je vous serais reconnaissant de bien vouloir m’apporter une aide technique.

J’ai activé le paramètre « Connexion requise » sur mon instance Discourse.
Lorsque je visite un site configuré ainsi, je suis naturellement invité à créer un compte ou à me connecter, et l’en-tête affiche une icône que j’ai créée avec cette extension.


Page demandant un compte ou une connexion (en japonais)

Si cela s’arrêtait là, il n’y aurait aucun problème. Cependant, en cliquant sur l’icône, il est possible d’accéder à la page liée sans se connecter.
(La liaison pointe vers une extension que j’ai moi-même créée, et le chemin est situé directement sous la racine du site, par exemple /test_path. Même avec ce chemin, si l’on accède directement à l’URL, on est invité à créer un compte ou à se connecter. Seul le passage par l’icône de l’en-tête de cette extension permet d’afficher la page sans connexion).

La meilleure solution consisterait à ne pas afficher l’icône dès le départ, mais à tout le moins, il faudrait que le clic sur l’icône redirige vers la page demandant la connexion.

Je vous serais très reconnaissant de bien vouloir m’aider à trouver une solution. Merci beaucoup.

1 « J'aime »

Salut @Johani. Il semble que cela doive être mis à jour pour le nouveau fonctionnement des variables de thème. Je vois cette erreur dans le panneau d’administration :

Erreur : Variable indéfinie : "$add-whitespace". sur la ligne 14 de common.scss >> @if $add_whitespace == "true" { ----^
3 « J'aime »

Bonjour,

Je suis en train de créer un lien vers une page à accès restreint, où je dois transmettre certaines variables dans l’URL. Serait-il possible de récupérer des variables système telles que le nom d’utilisateur, l’ID utilisateur, l’adresse e-mail, etc. ?

1 « J'aime »

Je cherche la même chose. Je souhaite envoyer le nom d’utilisateur de l’utilisateur connecté à un serveur distant lorsque l’icône de l’en-tête est cliquée. Je comprends que je peux obtenir le nom d’utilisateur via JavaScript, mais je ne suis pas sûr de comment le faire via une icône d’en-tête :

<script type="text/discourse-plugin" version="0.8">
const username = api.getCurrentUser().username;
</script>

Merci !

1 « J'aime »

Juste pour vous prévenir, j’ai remarqué un bug dans les instructions des paramètres du thème.

Le haut indique que l’ordre est titre, icône, URL, vue, cible.

Mais le bas indique que l’ordre est titre, icône, vue, URL, cible

Celui du haut est correct, dans le sens où l’URL précède la vue.

Voir ci-dessous pour la capture d’écran :

3 « J'aime »

Je viens de faire une PR pour ceci :

5 « J'aime »

Merci ! Je suppose qu’un de ces jours j’apprendrai comment et j’aurai le courage de faire une PR :smiley:

3 « J'aime »

Y a-t-il un moyen d’indiquer la position de l’icône ? J’utilise une icône personnalisée mais j’ai le chat et un autre composant d’icône de thème dans le même en-tête et je veux placer l’icône d’en-tête personnalisée à côté de l’icône de recherche.

Bonjour à tous !

Merci pour cet excellent composant de thème ! J’ai cependant rencontré un petit problème : certaines icônes fonctionnent bien, par exemple fa-rocket, mais d’autres ne s’affichent pas, par exemple fa-rocketchat, bien que je pense avoir installé toutes les classes d’icônes nécessaires. Une idée de ce qui cause cela ? J’apprécierais vraiment :slight_smile:

Aussi : comment puis-je obtenir des icônes Font Awesome régulières au lieu des icônes pleines ? J’ai essayé d’inclure far-iconname et fa-regular mais cela ne semble pas fonctionner…

Probablement à cause de ceci

Pour la première partie de votre question. Je pourrais me tromper, mais essayez d’ajouter l’icône de chat fusée à votre svg icon subset dans les paramètres du site.

1 « J'aime »

Malheureusement, cela ne résout pas mon problème.

Le lien d’en-tête est :

Rocket.Chat,rocket,https://chat.domain.de,vdo,blank

Sous Icônes Svg dans les paramètres du composant Thème et Sous-ensemble d’icônes Svg dans les paramètres principaux de Discourse, j’ai ajouté fa-rocketchat et fa-brands comme détaillé dans la description des icônes Font Awesome. C’est pris en charge depuis la version FA 5.0.0, donc ce ne peut pas être ça…

Quelqu’un a-t-il des idées et pourrait m’aider ? :slight_smile:

Vous devez :

  1. Ajouter fab-rocketchat à svg icon subset.
  2. Changer Header links en Rocket.Chat,fab-rocketchat,https://chat.domain.de,vdo,blank.

Les instructions sont trompeuses mais, en y repensant, probablement pas inexactes :

La partie difficile est que vous devez convertir fab fa-rocketchat (sur le site Web Font Awesome) en fab-rocketchat (sur Discourse).

2 « J'aime »

Existe-t-il un moyen d’ajouter des icônes SVG que je télécharge sur mon site ? (Sans utiliser celles du site Font Awesome)

Je me creuse la tête pour quelque chose que je ne sais pas résoudre !

J’utilise l’icône « headset » et je peux l’utiliser normalement

rocket | Font Awesome

mais quand je veux utiliser l’icône « light headset » je ne peux pas du tout l’utiliser

rocket | Font Awesome

J’ai déjà essayé avec « fab- » « fas- » ou « far- » j’ai essayé sans, j’ai déjà mis le nom dans la partie SVG, j’ai tout essayé, mais je n’arrive pas à l’utiliser

[image]
idem avec l’icône google play store, je n’arrive pas à l’utiliser et pas moyen

rocket | Font Awesome

pourquoi cela se produit-il ?

Il se peut que la version légère soit une icône « pro » :

Pour utiliser le style léger de « headset », vous aurez besoin d’un abonnement à un plan de niveau Pro ou d’une licence Pro perpétuelle incluant la version spécifique de Font Awesome dans laquelle cette icône (ou ce style) a été publiée.

1 « J'aime »

J’aimerais aussi savoir. Je veux inclure une icône Letterboxd (quelque part sur le web, il y en a déjà eu qui ont été créées et proposées à Font Awesome mais pas acceptées)

Vous pouvez ajouter vos propres icônes SVG avec un thème :

2 « J'aime »

Comment puis-je placer les icônes en bas du site (en mode mobile) qui apparaissent identiques pour tout le monde ?

Par exemple : le bouton de la chronologie apparaît dans la même position pour tous les différents modèles de téléphones portables et systèmes mobiles.

Maintenant, lorsque j’utilise CSS pour laisser le menu des boutons d’en-tête en bas, sur certains téléphones portables, ils apparaissent dans la bonne position, sur d’autres, la position apparaît un peu plus haut, sur d’autres encore, un peu sur le côté, pourquoi cela se produit-il ?

une autre question, y a-t-il un moyen pour moi de placer une icône qui, lorsque je clique dessus, ouvre d’autres options avec d’autres icônes, comme dans l’exemple ci-dessous ?