Pycord-Development / pycord

Pycord is a modern, easy to use, feature-rich, and async ready API wrapper for Discord written in Python
https://docs.pycord.dev
MIT License
2.73k stars 459 forks source link

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

Open OmLanke opened 1 year ago

OmLanke commented 1 year ago

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-

https://user-images.githubusercontent.com/92863779/203833790-5031ec85-6e6d-44d3-b392-1d4561fa90ae.mov

Additional Context

No response

Icebluewolf commented 3 months ago

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 commented 3 months ago

We'll work on that soon