cncf / cncf.io

☁️♮🏛🚧 The CNCF.io WordPress website
https://cncf.io
MIT License
83 stars 38 forks source link

Allow for more versatility in wide code blocks #485

Closed cjyabraham closed 2 years ago

cjyabraham commented 2 years ago

Sometimes there are code blocks that need to be wide so it'd be great if the block could allow for wide-width setting. See this post for example

Screen Shot 2021-10-25 at 8 03 57 PM
thetwopct commented 2 years ago

As the code block we use is 3rd party, I cannot simply add full width alignment options, so instead I have added a "full width" style which will make the code block reach the site container width rather than content width.

cjyabraham commented 2 years ago

Nice idea, however, I think it needs some tweaking since even though the code block appears to go full-width with that style, the code itself is still wrapping at the content edge

Screen Shot 2022-05-10 at 12 32 15 PM
thetwopct commented 2 years ago

This is now updated and I have implemented on a few long line length blocks in this post