Skip to content

阅读模式下,无序列表下的嵌套的有序列表 (OL) 渲染了冗余的缩进导线导致重叠 #696

Description

@lovexmm521

内容描述: 你好,感谢开发这么棒的主题。我发现 Blue Topaz 在 阅读模式 (Reading Mode) 处理嵌套列表时存在一个样式问题。

现象描述: 当一个有序列表 (ol) 被嵌套在另一个列表项 (li) 内部时,Blue Topaz 会为这个子级的 ol 容器额外渲染一条左侧边框线(缩进导线)。 此时,父级列表已经有一条导线存在,这条多出来的线会导致视觉上的重叠、加粗,或者直接穿过列表的序号/圆点。

环境:
模式:仅限 阅读模式 (Reading Mode) (实时预览模式显示正常,没有多余的线)。
主题版本:最新版 Blue Topaz。

Image Image

期望结果: 在阅读模式下,嵌套的子列表容器不应再渲染自己的左侧边框线,应复用父级传下来的导线视觉,保持界面整洁。

临时解决方案(供参考): 我目前通过以下 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 来完美修复。

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions