Para spoiler, adicione texto de dica como `Revelar Spoiler!`. Similar para ocultar detalhes

Contribuir Funcionalidade
1

Eu costumo usar blur spoilers para responder a perguntas de tarefas de casa e Hide details para adicionar detalhes que não precisam ocupar espaço na postagem.

Ao verificar uma das minhas antigas respostas no StackOverflow answers, percebi que agora ela tem uma dica de ferramenta (tooltip) legal para o spoiler, ou seja,

image

Como sabemos, muitos novos usuários do Discourse não se dão ao trabalho de aprender as funcionalidades do Discourse, e por isso frequentemente tenho que explicar como usar um spoiler:

Este texto será embaçado

ou ocultar detalhes:

Resumo

Este texto será ocultado

Se houvesse alguma dica de ferramenta para isso, eu estaria mais feliz. :slightly_smiling_face:

EDITO

Quando escrevi isso, por algum motivo não me lembrava do nome tooltip. Obrigado @merefield.

Então, mudei overlay text para tooltip. Se algumas das respostas parecerem estranhas, a culpa é minha.

2 curtidas
2

Este CSS pode ser uma solução alternativa:

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

Um tooltip simples poderia ser útil aqui? Devo admitir que não acho isso 100% intuitivo. Um pouco de orientação em tooltip seria legal …

Sim, @canapin, isso funcionaria :slight_smile: :+1:

1 curtida