Codeblocks: Padding between line number and code

[ckrenslehner]

Hi!
I have a question: How do you handle the padding between the line numbers and the code?

If I have a code sample with more than 10 line numbers, there is no space between the line number and the code, which looks a little awkward. See this screenshot:

I found that I can add a padding in tabi\sass\parts\_code.scss line 27

Now it looks like this

How can I set this in my page, without editing the theme, or how do you handle such cases?

Thanks for your help! :-)
Regards, Christian

[welpo]

That doesn't look good!

Thanks for reporting this. I'll take a look into the styling soon!

[ckrenslehner]

Thanks! :-)

[welpo]

Just merged #437. Code blocks with line numbers should look much better now! Take a look in the demo: https://welpo.github.io/tabi/blog/markdown/#with-line-numbers

[ckrenslehner]

This looks great, thank you! :-) Óscar ***@***.***> schrieb am Sa., 23. Nov. 2024, 16:50:

…

Just merged #437 <#437>. Code blocks with line numbers should look much better now! Take a look in the demo: https://welpo.github.io/tabi/blog/markdown/#with-line-numbers — Reply to this email directly, view it on GitHub <#434 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACYXAH5G6KB76BTREKBPMC32CCP4VAVCNFSM6AAAAABSHZSOM2VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTCMZVHAYDCMA> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[welpo]

Just pushed a fix (4be8a56) for iOS Safari: code blocks with line numbers were getting huge text sizes and short lines were centered.

Thanks for the report!!