2023-11-05 05:27 PM - last edited on 2024-09-26 12:13 PM by Doreena Deng
Please adjust the margins on your Python API documentation website column wrappers please. Can't read the entire name of each function and there is more than enough room on the right side wrapper to allow for the left column to widen to 550 pixels.
Solved! Go to Solution.
2023-11-08 03:46 PM
Folks, please take another look now; it looks good in Safari/Chrome/Firefox on macOS.
Best, Akos
2023-11-05 05:54 PM
Agree. I can horizontally scroll the left index column to make it mostly readable... but it is weird that it is a fixed pixel width and won't widen if I widen my browser window. Ideally, I expected to be able to live drag the column width, but that's not possible either.
2023-11-06 01:16 AM
I opened the inspector in chrome and adjusted things in there manually so it works, but this needs to be fixed so I can avoid the need to do that every time.
2023-11-06 04:23 AM
@MMontgomery Can you give us mortals a quick step-by-step tutorial on how to modify it manually?
2023-11-06 09:59 AM
On Firefox you can use the Stylus add-on.
And yes, the CSS for the API docs is atrocious.
2023-11-06 06:30 PM
Hit F12 in Chrome or Firefox to show the website code, and you want to find the 'bodywrapper' and 'sphinxsidebar' elements in the code. Easiest way I know to find the elements is to roll the mouse cursor over the code which will highlight the part of the webpage it's for in blue. Just keep clicking the arrows next to the blocks of code to open up each section until you find the elements to change.
in bodywrapper you want to adjust the margin from 350px to 550px
in sphinxsidebar you want to adjust the width from 350px to 550px.
This should render the site so it's readable.
2023-11-06 06:30 PM
Oh cool, I'll check that out.
2023-11-06 07:03 PM
With Mac Safari, display the Web Inspector (Develop menu might have to be enabled).
I found that:
div.sphinxsidebarwrapper {
is where I needed to increase the width value; it originates in the file custom.css
(Safari web inspector let's you do a search of all files that generate a web page...just search for "sphinxsidebarwrapper {".)
2023-11-08 01:20 AM
Done; please check it, folks...
2023-11-08 02:56 AM
Safari looks great for me, Akos. But Chrome width is the same as before for me (Chrome on macOS).
Thanks!