Skip to content
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

Increasing the the size of the main content in the docs #1799

Open
OmLanke opened this issue Nov 24, 2022 · 2 comments
Open

Increasing the the size of the main content in the docs #1799

OmLanke opened this issue Nov 24, 2022 · 2 comments
Labels
feature request New feature request on hold priority: low Low Priority
Milestone

Comments

@OmLanke
Copy link
Contributor

OmLanke commented Nov 24, 2022

Summary

The main content size should be increased and sidebar sizes should be decreased

What is the feature request for?

The documentation

The Problem

In the new Furo theme based docs, the sidebars take up a lot of space, leaving the main content quite small. Although this may make it look consistent across screen sizes, it is a waste of screen real estate available.

Currently how the docs look-
Screenshot 2022-11-24 at 10 10 22 PM

The Ideal Solution

The sidebar and TOC are pushed to the sides and the main content occupies rest of the space available.

Like this-
Screenshot 2022-11-24 at 10 13 18 PM

The Current Solution

Here is a video of how it can be done using the browser developer tools-

Screen.Recording.2022-11-24.at.10.02.51.PM.mov

Additional Context

No response

@OmLanke OmLanke added the feature request New feature request label Nov 24, 2022
@Lulalaby Lulalaby added the priority: medium Medium Priority label Feb 9, 2023
@Lulalaby Lulalaby added this to the v2.5 milestone Feb 10, 2023
@Dorukyum Dorukyum added priority: low Low Priority and removed priority: medium Medium Priority on hold labels Dec 1, 2023
@Lulalaby Lulalaby modified the milestones: v2.5, v2.6 Feb 29, 2024
@Lulalaby Lulalaby modified the milestones: v2.6, v2.7 Jul 9, 2024
@Icebluewolf
Copy link
Contributor

Bump, this would still be a good fix.
I was able to just add the code below to docs/_static/css/custom.css and it seems to work.

.sidebar-drawer {
  width: 0;
}

.content {
  width: fit-content;
}

The only downside is that the main content gets very spread out on very wide monitors. I did not test this change on my phone but it should have no effect. I have never worked with CSS before so if someone actually knows how to do this go ahead.

@Lulalaby
Copy link
Member

We'll work on that soon

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature request New feature request on hold priority: low Low Priority
Projects
None yet
Development

No branches or pull requests

4 participants