Ajout d'icônes plutôt que de texte

Contribuer UX
1

Ce plugin est incroyable – je ne suis pas très doué avec les plugins, donc je ne sais pas comment m’en inspirer moi-même, mais je trouve que Discourse a une belle sensation de « simplicité » – ce serait génial de prendre en charge les images/icônes.

Voici une méthode approximative pour avoir une icône Discord :

image
image281×100 5.1 KB

(Moins la saturation des couleurs – les bugs des captures d’écran HDR sont les pires)

image

Une fois installé, créez un nouveau composant CSS ou modifiez directement le thème :

Voici ce que j’ai utilisé –

.headerLink
{
    color: white;
    
    &.d
    {
        background-image: url('https://i.imgur.com/MSef433.png');
        background-repeat: no-repeat;
        background-size: 22px;
        
        a
        {
            color: rgba(0, 0, 0, 0);
            text-decoration: none;
            &:hover
            {
                box-shadow: 0px 2px lightgray;
            }
        }
    }
}
  • J’ai rencontré des problèmes avec les effets de survol, donc une ombre portée en bas lors du survol est le meilleur résultat que j’ai obtenu, car il s’agit d’images et non d’Unicode :

image

  • J’ai nommé l’exemple ci-dessus d car il faut lui donner un nom quelconque. J’ai mis l’opacité de la police à 0 pour qu’elle soit masquée, mais d me permet d’utiliser la classe d.

  • Y a-t-il un moyen de faire cela ? Probablement. Mais cette méthode approximative permet de faire émerger des idées en attendant qu’une meilleure solution se révèle :slight_smile:

2 « J'aime »
2

Tout d’abord, il s’agit d’un composant de thème, et non d’un plugin. Il est préférable de le préciser avant que les utilisateurs ne soient confus et n’essaient de l’installer comme un plugin.

Deuxièmement, pourquoi utilisez-vous ce composant de thème plutôt que Custom Header Links (icons), qui sert à ajouter des icônes au menu ? :open_mouth:

6 « J'aime »
3

Bon sang, c’est pour cela que je n’ai pas créé de composant – je suis encore en train d’apprendre les termes.

Parce que ce n’est pas assez cool pour apparaître dans cette liste de composants d’installation paresseuse, je suppose ;D si les liens textuels doivent être là, je souhaite que les icônes y soient aussi ! C’est vraiment impressionnant à regarder. Je vais l’essayer maintenant.

MODIFICATION : Fonctionne à merveille.

3 « J'aime »