Long todo item indentation doesn't match bullet point indentation

Steps to reproduce

  1. Create a todo item.
  2. Set the text to a markdown link that has a long title.
  3. View preview to see that the text that wraps around on the second line is not indented.
  4. Compare with bullet point indentation.

Expected result

The todo item’s indentation should match a bullet point item’s indentation on word wrap.

Actual result

Todo item does not have any indentation on word wrap.

Environment

  • Operating system: macOS Catalina
  • Obsidian version: 0.9.3

Additional information

1 Like

Noticing that, in edit mode, the long todo item seems to be with correct indentation.

I think the true problem described here is the misalignment between what is seen in the edit mode and the one in the preview mode.

Is that right?

1 Like

Yes, the problem is in preview mode.

Bullet points were shown as an example of how it should probably look. It’d be more consistent and help to distinguish individual items.

I use the following CSS to align the bullets the way I like:

/* indent flowed lines of task items so the checkboxes look clean */
.markdown-preview-view li.task-list-item {
    padding-left: 25px;
    text-indent: -25px;
}
/* ...but don't indent non task-list-item list items */
.markdown-preview-view li {
    padding-left: 0px;
    text-indent:  0px;
}
2 Likes

Thanks, I’ll try that out.