Für Spoiler, füge Tooltip-Text wie `Spoiler enthüllen!` hinzu. Ähnlich für Details ausblenden.

Beitragen Merkmal
1

Ich verwende oft blur spoilers für die Beantwortung von Hausaufgaben und Hide details, um Details hinzuzufügen, die den Beitrag nicht unnötig aufblähen sollen.

Beim Überprüfen einer meiner alten StackOverflow-Antworten fiel mir auf, dass diese jetzt einen schönen Tooltip für den Spoiler hat, also:

image

Wie wir wissen, machen sich viele Neueinsteiger bei Discourse nicht die Mühe, die Funktionsweise von Discourse zu erlernen, sodass ich oft erklären muss, wie man einen Spoiler verwendet:

Dieser Text wird unscharf dargestellt

oder Details ausblendet:

Zusammenfassung

Dieser Text wird ausgeblendet

Wenn diese einen Tooltip hätten, wäre ich glücklicher. :slightly_smiling_face:

EDIT

Als ich das schrieb, konnte ich mich aus irgendeinem Grund nicht an den Namen tooltip erinnern. Danke @merefield.

Deshalb habe ich overlay text in tooltip geändert. Falls einige der Antworten unpassend wirken, liegt das an mir.

2 „Gefällt mir“
2

Dieses CSS könnte eine Workaround-Lösung sein:

.spoiler-blurred {
    filter: blur(0);
    & > * {
        filter: blur(0.5em);
    }
    &:after {
        content: "Spoiler enthüllen ⚠";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
4 „Gefällt mir“
3

Ein einfacher Tooltip könnte hier hilfreich sein? Ich muss zugeben, dass ich es nicht zu 100 % intuitiv finde. Eine kleine Tooltip-Hilfe wäre schön …

Ja, @canapin, das würde funktionieren :slight_smile: :+1:

1 „Gefällt mir“