Line Number Width about pelican-bootstrap3

[DonDebonair]

I saw on your blog that you used the pelican-bootstrap3 theme from the pelican-themes repository. That one hasn't been updated for a while now. I have yet to create a PR to merge the newest version in. In any case, it's better to use this repo instead :)
Let me know if you still encounter the problem with the most recent version!

[nfarrar]

Thank you! I switched over per your recommendation. I'm getting some really weird rendering for code blocks now.

Long lines are not wrapping and short lines have very wide line numbering blocks.

Here's an example: http://crunk.io/chat-proxy-ubuntu-14.04.html

[DonDebonair]

I've tried to reproduce the issues. The line numbers consistently show, also the double-digit ones:

I do see strange behaviour with short code blocks:

But I have no idea what causes this. I'm by no means a CSS guru. It might be related to the Bootswatch theme I use. I see that you're website is not online anymore. Are you planning to put it online again, so I can check what's going on?

[nfarrar]

Sorry - it's still online - it's still brand new so I've been working with URL rules and rewriting the few bits of content that I've published - the URL changed for that article I linked and I don't have a 404 page up yet - new URL for that post is currently: http://crunk.io/setting-up-a-comm-server-on-ubuntu-14-04.html

It seems that (like you said) the spacing for the code blocks is relative to the length of text (at least on mine).
Code blocks that have very short content have a very wide line numbering block. Code blocks that have longer content have a line numbering block that is the correct width - however the code in the code block doesn't wrap and will extend on the right past the edge of where it should be wrapped.

[pablocobelli]

I'm experiencing the same issue; however I always get wide line numbering blocks no matter the length of the code (in lines). Are there any workarounds to this issue? Thanks for your help.

[jmooo]

Same issue with short, or really any code blocks. No two line numbering widths are the same on a given page. Is there some custom css that we could inject to the Bootswatch theme to fix the width of line number columns?

Edit: no idea if this has further ramifications, but these changes got my number widths working correctly

pelicanconf.py

CUSTOM_CSS = 'static/custom.css'
STATIC_PATHS = ['images', 'extra/custom.css']
EXTRA_PATH_METADATA = {
    'extra/custom.css': {'path': 'static/custom.css'}
}

content/extra/custom.css

.code { width: 100%; }

Example output: