jellypbc / poster

Jelly demo toy app that turns PDFs into editable posts
https://jellypbc.com
Other
22 stars 3 forks source link

Matches nav bar and post page fallback styles to react component styles #362

Closed cindywu closed 3 years ago

cindywu commented 3 years ago

This PR updates the styles for the fallback of search in nav bar and post content in editor. Prior to this PR the fallback styles did not match the styles of react components producing a clunky user experience when loading the page.

before: left = fallback, right = react components rendered before_fallback

after: left = fallback, right = react components rendered fallback_after

linear[bot] commented 3 years ago
JEL-226 Match editor preview styles with editor component styles (spacing between paragraphs)

* [X] add 1em padding-bottom for `p` without `.Prosemirror` * [X] add 1em padding-bottom `h2, h3, h4` without `.Prosemirror` * [X] add 1em padding below `blockquote` * [X] fix `search-fallback` styles to match react component for search in nav add spacing between paragraphs in preview render of post before editor renders ![Kapture 2020-11-05 at 11.55.07.gif](https://uploads.linear.app/5522bd94-0037-4b38-9adb-1a67abf87e7b/df790fc5-4a8a-4c96-8aa1-29fa2f86f9ab/Kapture%202020-11-05%20at%2011.55.07.gif "Kapture 2020-11-05 at 11.55.07.gif")