[BUG]code block can not render space correctly

[l1b0k]

Current behavior

code block can not render space correctly

Expected behavior

Steps to reproduce

1. write a code block

+++++++++++++++++    +++++++++++++++++
+      ns0      +    +      ns1      +
+  -----------  +    +  -----------  +
+  |  veth0  |----------|  veth1  |  +
+  -----------  +    +  -----------  +
+++++++++++++++++    +++++++++++++++++

2. Not correctly rendered
   

Environment

• Version :0.11.5
• OS Version and name : win

[l1b0k]

for more, it is not happen on OS X，Version 0.11.5

[IssueHuntBot]

@BoostIO funded this issue with $10. Visit this issue on Issuehunt

[siavee]

This does not happen anymore in Windows version 0.11.9

[richardtks]

@l1b0k, can you confirm whether this issue still persists?

[l1b0k]

@richardtks ，i can confirm the problem still in Boostnote 0.11.12 (win)

1. new install Boostnote 0.11.12 with default config
2. copy code block i write before

the problem still there

[roottool]

@l1b0k I can confirm the problem in Boostnote 0.11.12 (Windows 10 Pro) too.

(※I forgot to post the CSS of the code tag before modification, so I replaced the screenshot.)

And I found the solution.

This bug is caused by CSS.
It can be fixed by setting the definition position of 'Segoe UI' in the font-family of the code tag as the last.
I am able to fix it, but I can not start right now because I do not know if there is intention in the font-family ordering order.

[IssueHuntBot]

@roottool has submitted a pull request. See it on IssueHunt

[IssueHuntBot]

@roottool has cancelled their pull request. See it on IssueHunt

[IssueHuntBot]

@roottool has submitted a pull request. See it on IssueHunt

[IssueHuntBot]

@Rokt33r has rewarded $9.00 to @roottool. See it on IssueHunt

• 💰 Total deposit: $10.00
• 🎉 Repository reward(0%): $0.00
• 🔧 Service fee(10%): $1.00