ether / etherpad-lite

Etherpad: A modern really-real-time collaborative document editor.

http://docs.etherpad.org/

Apache License 2.0

16.73k stars 2.86k forks source link

numbered lists with wrapped lines do not indent correctly. #2581

Open jaredzimmerman opened 9 years ago

jaredzimmerman commented 9 years ago

screenshot 2015-04-06 23 10 03

wrapped line should indent to match the first line.

jaredzimmerman commented 9 years ago

@prtksxna yo!

JohnMcLear commented 9 years ago

Pretty sure there is already an issue open for this.

prtksxna commented 9 years ago

@JohnMcLear, are you referring to #2055?

JohnMcLear commented 9 years ago

2055 is a different issue

JohnMcLear commented 9 years ago

FWIW Afaik this is unsolvable as we use content before psuedo class and not any margins or padding.

JohnMcLear commented 4 years ago

This is the closest I can get with CSS, note the 1.10 indentation is wrong..

JohnMcLear commented 4 years ago

Change is this:

ol.list-number1{ text-indent: -10px; margin-left:10px;}
ol.list-number2{ text-indent: -29px; margin-left:39px;}

Basically you would need to get the width of the :before psuedo element and appy that as margin-left and to do that you would need to iterate over each list item which would be expensive.. I just don't see a better fix but I'd love someone else to jump in! 👯‍♂

JohnMcLear commented 4 years ago

https://twitter.com/Kvantti/status/1244285020228984834