Ordered list improvement: "right" numbering alignement

Steps to reproduce

Make a 10+ ordered list.

Expected result

The list numerotation shouldn’t misalign the items.

Actual result

Starting from two-figures numbers items are pushed to the right.

Environment

  • Operating system: Windows 10
  • Obsidian version: 0.8.9

Additional information

In Obsidian:
Obsidian_o7InLu1bK3
In Typora:
Typora_4v0g3qevZw

2 Likes

I believe this is a feature request rather than a bug report.

Typora is a WYSIWYG editor, which our current editor is not (WYSIWYG is on the long term roadmap). If you check Typora’s source code mode (accessible in the </> button at the bottom), the numbers aren’t aligned either.

There’s custom CSS that can help you achieve this, by reserving the certain amount of space, but it might not be the solution for everyone. For example, if you want to reserve enough space so that even the 1,000th item looks aligned, that would leave too much empty space for the first few items.

CSS:

.cm-s-obsidian span.cm-formatting-list {
    width: 30px;
    text-align: right;
    display: inline-block;
}

You can tweak the width value.

OK, got it. Thanks for the quick workaround. Those kind of details will certainly be resolved once the WYSIWYG editor is here :face_with_monocle:

@SanJunipero nice username! one of the top episodes for sure :slight_smile:

1 Like