Pour le spoiler, ajoutez un texte d'info-bulle comme `Révéler le spoiler !`. Similaire pour masquer les détails

J’utilise souvent blur spoilers pour répondre à des questions de devoirs et Hide details pour ajouter des précisions qui n’ont pas besoin d’occuper de place dans le message.

En vérifiant l’une de mes anciennes réponses sur StackOverflow, j’ai remarqué qu’elle affiche désormais une jolie infobulle pour le spoiler, c’est-à-dire :

image

Comme nous le savons, beaucoup de nouveaux utilisateurs de Discourse ne prennent pas la peine d’apprendre les fonctionnalités de la plateforme, et je dois donc souvent expliquer comment utiliser un spoiler :

Ce texte sera flouté

ou masquer des détails :

Résumé

Ce texte sera masqué

Si ces éléments affichaient une infobulle, je serais plus heureux. :slightly_smiling_face:


EDIT

Quand j’ai écrit ceci, pour une raison quelconque, je ne me souvenais pas du terme tooltip. Merci @merefield.

J’ai donc remplacé overlay text par tooltip. Si certaines réponses semblent étranges, c’est de ma faute.

2 « J'aime »

Ce CSS pourrait être une solution de contournement :

.spoiler-blurred {
    filter: blur(0);
    & > * {
        filter: blur(0.5em);
    }
    &:after {
        content: "Révéler le spoiler ⚠";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
4 « J'aime »

Un simple infobulle pourrait être utile ici ? Je dois admettre que je ne le trouve pas 100 % intuitif. Un petit guide sous forme d’infobulle serait agréable …

Oui @canapin, cela fonctionnerait :slight_smile: :+1:

1 « J'aime »