Godot-docs: Docs sidebar not wide enough

[clayjohn]

Right now a few of the class names are so long that the sidebar forces them onto a new line (e.g. VisualShaderNodeVectorScalarSmoothStep), separate from their "+" button, but they still run off the side of the sidebar. This looks incredibly odd, especially since the docs have open space on either side.

CC: @Calinou since you've been handling all the website updates recently :)

[Calinou]

I think this was already an issue before I centered the documenation's main page. I'm not sure how difficult it'd be to enlarge the sidebar slightly. If enlarging the sidebar isn't possible, we could make overflowing text result in an ellipsis so it doesn't break into multiple lines.

[akien-mga]

This is probably something that would be worth discussing with upstream at https://github.com/readthedocs/sphinx_rtd_theme. Implementing a ad hoc solution like widening the sidebar could be done, but eventually me might get an even longer name and the same issue again. A solution is likely necessary for better handling of long, unbreakable section names.

[Calinou]

Adding the following CSS snippet leads to an acceptable solution for class reference headers, but it's not great in other sections:

.wy-menu-vertical li.current a {
    white-space: nowrap;
}

Class reference headers (OK)

Other headers (bad)

Unfortunately, I don't think it's possible to target only the class reference headers using CSS. I also tried to apply text ellipsis using text-overflow: ellipsis, but I didn't succeed.

[KieranCarden]

@Calinou throwing display: flex on the same selector you did white-space: nowrap; should solve both problems.