Per spoiler, aggiungi testo tooltip come `Mostra Spoiler!`. Simile per nascondi dettagli

Contribuisci Funzionalità
1

Spesso uso blur spoilers per rispondere a domande sui compiti e Hide details per aggiungere dettagli che non devono occupare spazio nel post.

Controllando una delle mie vecchie risposte su StackOverflow answers, ho notato che ora ha una bella tooltip per lo spoiler, cioè

image

Come sappiamo, molti nuovi utenti di Discourse non si prendono la briga di imparare le regole di Discourse, quindi spesso devo spiegare come usare uno spoiler

Questo testo verrà sfocato

o nascondere i dettagli

Riepilogo

Questo testo verrà nascosto

Se avessero una tooltip, sarei più felice. :slightly_smiling_face:

EDIT

Quando ho scritto questo, per qualche motivo non ricordavo il nome tooltip. Grazie @merefield.

Quindi ho cambiato overlay text in tooltip. Se alcune risposte sembrano fuori luogo, la colpa è mia.

2 Mi Piace
2

Questo CSS potrebbe essere una soluzione alternativa:

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

Forse una semplice tooltip potrebbe essere utile qui? Devo ammettere che non la trovo al 100% intuitiva. Una piccola guida tramite tooltip sarebbe gradita …

Sì @canapin, funzionerebbe :slight_smile: :+1:

1 Mi Piace