Skip to content

有序列表编号较长,与块内容重叠显示 #10597

Not planned
@TCOTC

Description

@TCOTC
Contributor

有序列表编号较长,与块内容重叠显示

Describe the problem

如图,字号越大越明显:

image

Expected result

块内容显示在序号后,序号、块标和块内容都不重叠

比如 Notion 的序号是左侧对齐的,块内容相应地往右移动:

image

Activity

Vanessa219

Vanessa219 commented on Mar 13, 2024

@Vanessa219
Member

考虑到没有那么长的列表,目前仅保留两位数字的距离。如果自适应太长的话,要么左侧块标需要更多的位置,要么列表项文字前面的空白就回比较大。

88250

88250 commented on Apr 21, 2024

@88250
Member

要不保持打开,后面看看能不能实现吧。

reopened this on Apr 21, 2024
changed the title [-]有序列表数字较长时错位[/-] [+]有序列表编号较大时与块内容重叠显示[/+] on Apr 21, 2024
changed the title [-]有序列表编号较大时与块内容重叠显示[/-] [+]有序列表编号较长,与块内容重叠显示[/+] on Apr 21, 2024
changed the title [-]有序列表编号较长,与块内容重叠显示[/-] [+]:recycle:有序列表编号较长,与块内容重叠显示[/+] on Aug 10, 2024
changed the title [-]:recycle:有序列表编号较长,与块内容重叠显示[/-] [+]有序列表编号较长,与块内容重叠显示[/+] on Aug 11, 2024
TCOTC

TCOTC commented on Dec 20, 2024

@TCOTC
ContributorAuthor

感觉可以把列表项的所有子块用一个 div 包起来,用 display: flex; flex-direction: column; ,列表项图标改成 position: relative;、添加 min-width

image

Vanessa219

Vanessa219 commented on Dec 21, 2024

@Vanessa219
Member

太多操作依赖 dom 结构,需要在不改结构的基础下进行。

88250

88250 commented on Apr 18, 2025

@88250
Member

这个场景较少,修改可能引入更多问题,所以不考虑变更了,谢谢。

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

        Participants

        @88250@Vanessa219@TCOTC

        Issue actions

          有序列表编号较长,与块内容重叠显示 · Issue #10597 · siyuan-note/siyuan