 |
Сводка | Стилизует [details], чтобы сделать более очевидным, что они кликабельны |
 |
Предпросмотр | через Theme Creator |
 |
Репозиторий | Ger / Component - Better Hide Details · GitLab |
 |
Руководство по установке | Как установить тему или компонент темы |
 |
Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse |
Установить этот компонент темы
Описание
Этот компонент делает более очевидным, что заголовок [details] работает как кнопка. Вложенные блоки details имеют более насыщенные цвета для каждого уровня, и четко видно, где заканчивается каждый элемент.
Скриншоты
С компонентом темы «Стиль кнопки скрытия деталей»
Без компонента темы «Стиль кнопки скрытия деталей»
Это же изображение без активного компонента при обычной установке:
Исходный код, использованный в примере
[details=Заголовок строки]
Содержимое
[details=Закрытый вложенный заголовок]
Вложенное содержимое
[/details]
[details=Вложенный заголовок]
Ещё больше вложенного содержимого
[/details]
[/details]
[details=Второй блок details]
Ещё больше содержимого
[/details]
Текст
[details=Дополнительные детали]
Ещё больше содержимого
[/details]
(↑ Что касается форматирования meta в Discourse для скрытия деталей, я не до конца уверен, что влияет на оформление в этой установке или может ли это стать будущей функцией.)
Возможности
- Четко показывает, где начинается и заканчивается
[details], и что его можно кликнуть - Текущий выбранный
[details]визуально подсвечивается при нажатии TAB. - Обрабатываются различные крайние случаи, такие как вложенность и несколько последовательных
[details] - Отображается в реальном времени в предпросмотре редактора
- Базовое отображение в потоках «Недавние ответы» и подобных
- Использует третичный цвет цветовой схемы
- Отдельная стрелка для многострочных заголовков сводки
Замечания
- Я протестировал его со всеми темами экземпляра Discourse, в котором я участвую, и он там работал
- Частично используются более новые возможности CSS, поэтому цвета могут отображаться некорректно в старых браузерах
- Если в будущем Discourse изменит структуру или стилизацию
[details], этот компонент темы, скорее всего, перестанет работать.
Было бы лучше, если бы была настройка для цвета фона.