-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Increase page max width to show more content when possible #5523
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Increase page max width to show more content when possible #5523
Conversation
Signed-off-by: Christophe Bedard <[email protected]>
HTML artifacts: https://github.com/ros2/ros2_documentation/actions/runs/14839938935/artifacts/3063058012. To view the resulting site:
|
One could say, it's not very... important. Signed-off-by: Christophe Bedard <[email protected]>
Signed-off-by: Christophe Bedard <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this increases responsiveness on devices with varying screen resolutions and user settings for font size, and flexibility making the layout more scalable to changes in user preferences or browser zoom levels.
i am not CSS expert... maybe we can merge this with @nuclearsandwich 's approval?
I was honestly expecting more reticence about the actual width increase part:
but I'm happy if people think this is a good idea. |
One question: Should we only do this with the Rolling docs for now? Then, if we haven't found any issues after some time, we can backport this to other branches. |
I'll do that. |
This aims to increase the page's maximum width so that it can show more content when possible.
From what I could tell, the current max width is 800px. It's a bit funny to have to scroll horizontally for somewhat-long commands when there's plenty of space, e.g., on an ultrawide 3840×1600 monitor:
This PR adds a custom CSS file that sets the max width to 1000px. The page still correctly adapts if the width is less than that, and this allows us to see more content without having to scroll horizontally.
I found this relevant issue/discussion: readthedocs/sphinx_rtd_theme#295. There are some valid points against increasing the max width. One of them is that a wider page might decrease reading comprehension: readthedocs/sphinx_rtd_theme#295 (comment). I think this is true, but increasing the width from 800px to 1000px might not be that bad and could help a lot.
It could break things that rely on a specific width, but I've taken a quick look and don't see anything obviously broken.
I opened this as a prototype so that we could discuss it. We could make it bigger if we want, e.g., 1200px, but that might be too much. I thought this might've been discussed before (I sort of vaguely remember something about increasing the page width), but I couldn't find any issue here.