Proposal to allow hiding the side menus due to screen width in code blocks

URL to the relevant documentation

Many, or all, tutorials are covered by this issue. Probably other docs.

Here is one example:

https://quantum.cloud.ibm.com/docs/en/tutorials/sample-based-quantum-diagonalization

Please describe the UI problem or feature request.

On some devices and browsers (well the one I use) code boxes get a horizontal scroll bar because the sidebars occupy a lot of horizontal real estate. The rest of the text reflows as it should. But the code does not. Sometimes when I am puzzling over something, I copy the code in question to an editor. Or open the notebook, which otherwise is less pleasant to read than the rendered docs.

• If the sidebars were hideable, or resizeable, the problem would occur much less often.
• If there were a lint requirement on the width of code lines, this might help.

Another reason to have hideable sidebars: I used the online doc pages in a presentation to students. The sidebars are wide and visually busy, distracting from the main text. If you are spending a few tens of seconds on one window, reducing distractions is important.

• A somewhat related, but different, issue #1019

Start with the example tutorial at the provided documentation URL and review related issue #1019. Determine the intended behavior for hiding or resizing sidebars and how it should address narrow code blocks and presentation use; the work is done when the agreed sidebar behavior is implemented across the affected documentation pages.