 |
摘要 | 使 [details] 样式更明显，表明它们是可点击的 |
 |
预览 | 通过主题创建者 |
 |
存储库 | Ger / Component - Better Hide Details · GitLab |
 |
安装指南 | 如何安装主题或主题组件 |
 |
不熟悉 Discourse 主题？ | Discourse 主题使用入门指南 |
安装此主题组件
描述
此组件更明显地表明 [details] 的标题像按钮一样工作。嵌套的 details 会为每个级别提供更强的颜色，并且清楚每个元素在哪里结束。
屏幕截图
使用 Hide Details Button Style 主题组件
未使用 Hide Details Button Style 主题组件
在常规安装中，不激活该组件时也是如此：
示例中使用的来源
[details=标题行]
内容
[details=关闭的嵌套标题]
嵌套内容
[/details]
[details=嵌套标题]
更多嵌套内容
[/details]
[/details]
[details=第二个 details]
更多内容
[/details]
文本
[details=附加 details]
更多内容
[/details]
(↑ 关于 Discourse 元格式的隐藏 details，我不太确定什么会影响此安装的主题，或者这是否会是即将推出的功能。)
特点
- 清楚地表明
[details]的开始/结束位置以及它可以被点击 - 当前选定的
[details]在按 TAB 键时会以视觉方式突出显示。 - 处理了嵌套、多个连续
[details]等各种边缘情况 - 在编辑器预览中实时显示
- 在“最近回复”等流中基本显示
- 使用配色方案的第三种颜色
- 多行摘要标题有单独的箭头
备注
- 我已在参与的 Discourse 实例的所有主题中对其进行了测试，并且在那里运行正常
- 它部分使用了较新的 CSS 功能，因此颜色在旧浏览器上可能无法正确显示
- 如果 Discourse 在未来更改
[details]的结构或样式，此主题组件可能会中断。
如果能有背景颜色设置就更好了。