Explorer 组件已折叠,包含多个社区主题
作者: ForsakenDelusion创建于 2026年8月25日更新于 2026年8月25日
标签bug
在收缩 Explorer 组件时，Explorer 标题部分被裁剪。此问题在 Aura 等多个社区主题中出现，但不会出现在 Quartz 的默认主题中。 这个问题似乎是由于主题特定的排版样式覆盖了 Explorer 标题的大小或行高而引起的。收缩的 Explorer 容器高度约为 1.2rem，并使用了 overflow-y: hidden，因此较大的标题文本被裁剪。 **要重现此问题** 重现此问题的步骤： 1. 创建一个 Quartz v5 站点。 2. 启用 Explorer 组件。 3. 使用 Aura 等社区主题。 4. 在桌面浏览器上打开站点。 5. 将 Explorer 组件收缩。 6. 观察“Explorer”标题的底部是否被裁剪。 **预期行为** 在收缩组件后，完整的“Explorer”标题应保持可见。 **屏幕截图和源代码** 
在收缩组件后，“Explorer”标题的底部明显被裁剪。 从 Aura 主题切换到 Quartz 的默认主题可解决此问题，而无需更改 Explorer 配置。 一种临时的解决方案是： **桌面版：** - Quartz 版本：v5.0.0 - node 版本：v26.7.0 - npm 版本：11.19.0 - 操作系统：macOS26.6.1 - 浏览器：Edge **其他上下文** Quartz 的默认 Explorer 样式使用： 一些主题覆盖了 Explorer 标题的大小。例如，Aura 使用： 这种收缩容器高度与主题的标题排版不匹配似乎导致了裁剪。此问题可能影响其他主题，其中类似的排版覆盖。
@media all and (min-width: 801px) { .explorer.collapsed { flex: 0 1 1.5rem; min-height: 1.5rem; } .explorer button.desktop-explorer h2 { font-size: 1rem; line-height: 1.2rem; } } .explorer.collapsed { flex: 0 1 1.2rem; } button.desktop-explorer h2 { font-size: 1rem; } .explorer-toggle > h2 { font-size: 1.318rem; } 内容来源: jackyzha0/quartz