Nodejs.dev: Display TOC in a right rail on wide-enough screens

[sagirk]

Continuing the discussion from https://github.com/nodejs/nodejs.dev/pull/186:

@sagirk in https://github.com/nodejs/nodejs.dev/pull/186#issuecomment-471450486

IMHO adding a huge Table of Contents at the top is generally not a good idea. From the user experience point of view, a user should be able to jump right in and start reading.

+1.

As mentioned I don't think we need that frame and dropdown. When the page is loaded you wanna see the TOC and so you need to make an extra click : ] TOC should be the first thing you see on the page so it outlines shortly what you can read on the page. That's leans on a study method :]

+1 to this too.

@amiller-gh's suggestion was to create a new right rail for the TOC (as a desktop-only feature).

Something like what the VSCode docs do:

We could take this on, on a new PR.

@ollelauribostrom in https://github.com/nodejs/nodejs.dev/pull/186#pullrequestreview-212717129

Looks good to me 👍 Also like the idea of a right rail for the TOC but that can be addressed later on.

@ahmadawais in https://github.com/nodejs/nodejs.dev/pull/186#issuecomment-471458078

Maybe in a sperate PR we can move towards the always open TOC on the right just as you see in Microsoft docs linked by @sagirk?

[imbhargav5]

Taking this up!

[ahmadawais]

@imbhargav5 any progress on this one? 🤔

[imbhargav5]

Almost done. Will finish it tonight and submit for review 😄

[amiller-gh]

👋 @imbhargav5 thread bump! 😁

[benhalverson]

👋 @imbhargav5 still working on this?

[benhalverson]

Closing because it references an old design