Bug d'emoji dans les œuvres en vedette

Salut, Sergey à l’appareil

C’est un bug un peu ancien, mais bon :

En naviguant sur le forum Blenderartists, j’ai trouvé un petit bug : il y a une section en haut du site où l’on peut voir 6 œuvres mises en avant. Lorsque vous passez la souris sur l’une d’elles, le titre devient visible. Ce que j’ai remarqué, c’est que si le titre contient un emoji (comme montré dans la capture d’écran ci-dessous), il reste visible même si vous n’avez pas encore passé la souris dessus.

J’ai fait une petite investigation et j’en suis arrivé aux règles CSS suivantes qui pourraient aider à résoudre ce problème.

Le titre des images de la rangée mise en avant a les règles suivantes :

.featured-topic h3 a {
    font-size: 14px;
    color: transparent;
    transition: color .6s,text-shadow .6s
}

Je ne pense pas que « color: transparent » soit la bonne façon de faire. C’est pourquoi cela n’affecte que le texte, mais pas l’emoji lui-même. Parce que l’emoji est encapsulé dans une balise « img ».

Je pense donc qu’il serait préférable de supprimer « color: transparent » et de faire quelque chose comme ceci :

.featured-topic h3 {
    position: absolute;
    top: 0;
    padding-top: 0;
    left: 5%;
    width: 90%;
    text-align: left;
    visibility: hidden;
}

.featured-topic:hover h3 {
    visibility: visible;
}

Le code final ressemblera donc à ceci :

J’espère que cela aidera

Salut Sergey !

Merci pour le rapport, cependant, je me trompe peut-être, mais ce n’est pas à quoi ressemble le CSS par défaut dans le Composant de fonctionnalité de la page d’accueil . D’après ce que je vois, ce sont vos personnalisations.

Salut, @Arkshine !

Désolé, je n’étais pas au courant, je pensais que c’était une fonctionnalité de Discourse. Pardon

Veuillez en informer vos administrateurs, merci !

Fermeture de celui-ci.

Ce sujet a été automatiquement fermé après 13 heures. Les nouvelles réponses ne sont plus autorisées.