Rendered Code Blocks in Notes Are Not Aligned & Not Full Width

šŸ›Bugs
1

Steps to reproduce

  1. Write some texts in notes.
  2. Enter twice to add line breaks.
  3. Write code blocks with starting and ending with three ticks(```)

Expected result

  • Code blocks should align with preceding texts.
  • Code blocks should expand to full width.

Below are two screenshots pre-rendered and rendered code blocks with single ticks(`), which somewhat aligns with the preceding texts (note that it is indented 2px or so). But that is still reasonable.

Rendered code blocks

Screenshot of Google Chrome (10-02-2017, 1-58-09 PM).png1460Ɨ502 59 KB

Pre-rendered code blocks

Screenshot of Google Chrome (10-02-2017, 1-58-40 PM).png1448Ɨ630 26.3 KB

Actual result

  • Code blocks are way off.
  • Code blocks behave like inline code (doesnā€™t take up the full width)

Rendered code blocks

Screenshot of Google Chrome (10-02-2017, 1-59-08 PM).png1460Ɨ510 55.4 KB

Pre-rendered code blocks

Screenshot of Google Chrome (10-02-2017, 1-59-25 PM).png1452Ɨ640 26.3 KB

Environment

MacOS Sierra Version 10.12.3
Version 56.0.2924.87 (64-bit)

Additional comments

Iā€™m using dynalist as programming journal (and I am certain it will serve the purpose well) and hope this can be fixed! But I am not 100% sure if you intended this for some reason? Please do let me know!

1 Like
2

First of all, I think youā€™re using a custom user style, making it hard for me to tell which is item title and which note. Iā€™m just making my best guess here.

Thatā€™s because markdown with three backticks are not supported now, sorry about that. Iā€™m embarrassed to say that we wrote our custom markdown parser and it was not straight-forward how to parse three backticks.

3

Ooops. Yes. I am using Stylish Google Chrome extension. I shouldā€™ve turned it off before capturing screenshots. (I only tweaked colors and font weight which shouldnā€™t affect alignment issues Iā€™ve addressed).

Itā€™s okay! :slight_smile: But are you are planning to work on three backticks? If not, I would make all my future programming notes with a single backtick. If you are willing to work on, however, Iā€™ll make all my notes with three backticks and just wait for updates. (This way markdown syntax stays consistent with other services like GitHub)

Do let me know so I can plan ahead :sunny:

1 Like
4

Sorry for the late reply.

Please use three backticks for now, which would be better in the long-term, I think. Thanks for understanding!

1 Like
5

Thanks for heads up! @Erica