Para spoiler, añade texto de tooltip como `¡Revelar Spoiler!`. Similar para ocultar detalles

Contribuir Característica
1

A menudo uso blur spoilers para responder preguntas de tareas y Hide details para añadir detalles que no necesitan ocupar espacio en el post.

Al revisar una de mis antiguas respuestas en StackOverflow, noté que ahora tiene un bonito tooltip para el spoiler, es decir:

image

Como sabemos, muchos nuevos en Discourse no se toman la molestia de aprender cómo funciona Discourse, por lo que a menudo tengo que explicar cómo usar un spoiler:

Este texto se verá borroso

o ocultar detalles:

Resumen

Este texto estará oculto

Si estos tuvieran algún tooltip, estaría más feliz. :slightly_smiling_face:

EDITO

Cuando escribí esto, por alguna razón no podía recordar el nombre tooltip. Gracias @merefield.

Así que cambié overlay text por tooltip. Si algunas de las respuestas parecen incorrectas, la culpa es mía.

2 Me gusta
2

Este CSS podría ser una solución alternativa:

.spoiler-blurred {
    filter: blur(0);
    & > * {
        filter: blur(0.5em);
    }
    &:after {
        content: "Revelar spoiler ⚠";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
4 Me gusta
3

¿Quizás un mensaje emergente sencillo sería útil aquí? Debo admitir que no lo encuentro 100% intuitivo. Un poco de orientación con un mensaje emergente sería agradable…

Sí, @canapin, eso funcionaría :slight_smile: :+1:

1 me gusta