Для спойлера добавьте всплывающую подсказку вроде «Показать спойлер!». Аналогично для скрытия деталей

Внести вклад Функция
1

Я часто использую blur spoilers для ответов на вопросы по домашним заданиям и Hide details для добавления подробностей, которые не должны занимать место в сообщении.

Просматривая один из своих старых ответов на StackOverflow answers, я заметил, что теперь для спойлера есть красивая всплывающая подсказка, то есть

image

Как мы знаем, многие новички в Discourse не утруждают себя изучением особенностей платформы, поэтому мне часто приходится объяснять, как использовать спойлер:

Этот текст будет размыт

или скрыть детали:

Сводка

Этот текст будет скрыт

Если бы у них была какая-то всплывающая подсказка, я был бы счастливее. :slightly_smiling_face:

РЕДАКТИРОВАНИЕ

Когда я писал это, по какой-то причине я не мог вспомнить название tooltip. Спасибо @merefield.

Поэтому я заменил overlay text на tooltip. Если некоторые ответы покажутся странными, вините меня.

2 лайка
2

Этот CSS может стать обходным решением:

.spoiler-blurred {
    filter: blur(0);
    & > * {
        filter: blur(0.5em);
    }
    &:after {
        content: "Показать спойлер ⚠";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
4 лайка
3

Здесь могла бы пригодиться простая подсказка? Признаюсь, я не нахожу это на 100% интуитивно понятным. Немного наводящей подсказки было бы приятно…

Да, @canapin, это сработает :slight_smile: :+1:

1 лайк