Update theme to display code block as full width about website

[chipzoller]

Yes, we can. We have some working code for this and more related to the policy section.

[chipzoller]

Yes, this is planned.

[chipzoller]

This is something I tackled in the theme I helped build. Full width would only work if all code blocks control line lengths, which isn't guaranteed. What would be better is an optional wrap lines button (or auto-function) which takes care of that.

As far as the side panel is concerned, maybe just my opinion but if this solution is only temporary, then I don't know I'd spend a whole lot of cycles trying to remove it.

[RinkiyaKeDad]

Can we even modify the original theme? I tried changing some of the CSS in the docsy files and received an error due to which the Hugo server didn't work. I'll try asking more about it on the docsy repo.

[RinkiyaKeDad]

Hey @JimBugwadia - I found out where the CSS for this fix was. Changing max-width to 100% (or 90% if some padding is still needed) in this file would fix this.

Two things though:

1. As shown in the above image, for some code blocks a horizontal scroll will still be needed.
2. Currently the themes/docsy folder is not present in our repository and is being pulled from google/docsy so we would need to have the docsy files actually present in our repository to edit the CSS, right?

[RinkiyaKeDad]

Hey @chipzoller! Do you plan to include this as part of the filters feature you showed in the UI? If not should I raise a PR?

[chipzoller]

@RinkiyaKeDad The new filter feature was just merged, however we didn't include this enhancement (honestly forgot).

[chipzoller]

Closing since this was implemented in kyverno.io/policies a while back (thank you, @onweru)