Skip to content

margin-bottom in nested lists is too big #9002

Description

@mygithubdevaccount

margin-bottom for nested lists is too big
The margin-bottom after nested lists is too big. In some cases this looks like an entire line is separating the nested list and the outer list continuation.

I think this is a ProseMirror bug.

Possible solution:

    div.ProseMirror ul {
        margin-bottom: 0.5em; /* either 1em or 0.5em; 1em is default but 0.5em looks better */
    }

    div.ProseMirror ul ul {
        margin-bottom: 0em; /* no margin in nested lists */
    }

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Files and create a new Markdown file'
  2. Create a nested list, e.g. a task list
  3. See error

Expected behavior
No gap between nested list and outer list continuation.

Screenshots

Image

Client details:

  • OS: every
  • Browser: every
  • Browser version: every
  • Device: every

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

Status
🏗️ In progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions