内容描述: 你好,感谢开发这么棒的主题。我发现 Blue Topaz 在 阅读模式 (Reading Mode) 处理嵌套列表时存在一个样式问题。
现象描述: 当一个有序列表 (ol) 被嵌套在另一个列表项 (li) 内部时,Blue Topaz 会为这个子级的 ol 容器额外渲染一条左侧边框线(缩进导线)。 此时,父级列表已经有一条导线存在,这条多出来的线会导致视觉上的重叠、加粗,或者直接穿过列表的序号/圆点。
环境:
模式:仅限 阅读模式 (Reading Mode) (实时预览模式显示正常,没有多余的线)。
主题版本:最新版 Blue Topaz。
期望结果: 在阅读模式下,嵌套的子列表容器不应再渲染自己的左侧边框线,应复用父级传下来的导线视觉,保持界面整洁。
临时解决方案(供参考): 我目前通过以下 CSS 片段暂时修复了这个问题,这可能有助于定位问题所在:
/* 去除阅读模式下嵌套有序列表多余的左侧线 */
.markdown-preview-view li > ol {
border-left: none !important;
box-shadow: none !important;
}
补充说明 (Technical Note): 问题似乎是因为 ul > li > ol 这种嵌套结构下,ol 继承或重新渲染了 border-left(缩进线),但没有正确的 padding-left 来避开父级的线。 目前我通过 border-left: none 隐藏了子级有序列表的线来暂时解决,但这导致有序列表失去了层级导视。希望作者能调整 padding 或 margin 来完美修复。
内容描述: 你好,感谢开发这么棒的主题。我发现 Blue Topaz 在 阅读模式 (Reading Mode) 处理嵌套列表时存在一个样式问题。
现象描述: 当一个有序列表 (ol) 被嵌套在另一个列表项 (li) 内部时,Blue Topaz 会为这个子级的 ol 容器额外渲染一条左侧边框线(缩进导线)。 此时,父级列表已经有一条导线存在,这条多出来的线会导致视觉上的重叠、加粗,或者直接穿过列表的序号/圆点。
环境:
模式:仅限 阅读模式 (Reading Mode) (实时预览模式显示正常,没有多余的线)。
主题版本:最新版 Blue Topaz。
期望结果: 在阅读模式下,嵌套的子列表容器不应再渲染自己的左侧边框线,应复用父级传下来的导线视觉,保持界面整洁。
临时解决方案(供参考): 我目前通过以下 CSS 片段暂时修复了这个问题,这可能有助于定位问题所在:
/* 去除阅读模式下嵌套有序列表多余的左侧线 */
.markdown-preview-view li > ol {
border-left: none !important;
box-shadow: none !important;
}
补充说明 (Technical Note): 问题似乎是因为 ul > li > ol 这种嵌套结构下,ol 继承或重新渲染了 border-left(缩进线),但没有正确的 padding-left 来避开父级的线。 目前我通过 border-left: none 隐藏了子级有序列表的线来暂时解决,但这导致有序列表失去了层级导视。希望作者能调整 padding 或 margin 来完美修复。