search

bentd / outline-editor

outline editor component for standardnotes
0 stars 0 forks source link

When typing out a long paragraph between same level bullets, there is no vertical spacing #4

Closed moughxyz closed 5 years ago

moughxyz commented 5 years ago
Screen Shot 2019-04-25 at 7 58 13 AM
bentd commented 5 years ago

So I figured out how to fix the vertical spacing. Right now each bullet's text is center aligned so for a bullet with a 5 line paragraph, the 3rd line aligns with the bullet icon. I was working with one line bullets which is why this problem never showed up.

bentd commented 5 years ago

Changing this:

<div className={ "content-column-text flex-grow-1 align-self-center" }

To this:

<div className={ "content-column-text flex-grow-1 align-self-start pt-2" }

fixed the problem.

bentd commented 5 years ago

align-self-start basically means align the text div to the top so that the first line always aligns to the bullet icon.

bentd commented 5 years ago
align-self-start