[feature_request]: Improve responsive layout about shadocs HOT 3 CLOSED

Hi @Anaminus ,
Indeed I've checked and actually it would make more sense to follow the bulma size breakpoints, and also it look more smooth at that size. Also as you pointed, no need to hide the toc as it is now collapsed by default on small screen.
I've implemented the changes and it'll soon be available in the master.

from shadocs.

Hi @Anaminus ,
Sorry for the delay.
Indeed, I agree that the difference between just below desktop, and just above desktop is too heavy and should be more smooth.
So based on you're suggestion here are the keypoints:

• sidebar collapse threshold = 1024px (under which the navbar is collapsed)
• toc collapse threshold = 1280px (under which the toc is collapsed and also overlapse the main content)
• toc not visible = 1024px (under which the toc is not visible)

I would put 1280px for the threshold of the toc to match the most common screen width.
Let me know if you agree on that, I'll do it ASAIC.

Regards,

from shadocs.

1280px seems fine, but note that Bulma has a breakpoint at 1216px ("widescreen") which might be easier to use, and more consistent with the rest of the theme.

I think that having the overlapping behavior for the toc would be enough to allow it to be visible at all times. That is, it doesn't need to be hidden below 1024px. This would make navigating pages on mobile a lot easier, and would allow a page's taxonomies to remain available.

from shadocs.