Move the in-page nav into the main content

[chasenlehara]

Chasen/dev tasks:

• Add the TOC component
• Scroll to the top of the TOC sidebar when a new page is loaded
• Polyfill for Edge

Ryan tasks:

• Style it (probably bring in these styles)
• Make the bullets (and lines?) smaller
• Bottom padding in TOC sidebar
• Make a mockup of what connecting the first dots would look like [get signoff from Justin]

Need to figure out:

• Do we want to connect the dots?

Will close canjs/canjs#4744

[justinbmeyer]

I don't think we need to polyfill for browsers that don't support it. I wrote TOC in such a way it's a no-op in browsers that don't support what is needed.

I thought Edge supports some limited custom elements. We could probably just modify to use that: https://github.com/bit-docs/bit-docs-html-toc/blob/master/safe-custom-element.js ... specifically do something other than:

customElements.define(tag, Element);

[ryangwilson]

Mocked-up angled into nest concept – @justinbmeyer please review when you have time

(imo I don't like it)

[ryangwilson]

Looking good on all major/current desktop browsers except Edge. Working on a fix for Edge (this is a layout issue, not related to the TOC/polyfill menu not showing up)

[ryangwilson]

Edge fix layout screenshots

[ryangwilson]

The change in scale for the SVG icons for the TOC sidebar work well on the community page as well

Question for @ – For the social links should we change the Community page order to match the TOC sidebar order? Not necessary for this PR, but something to consider.

[ryangwilson]

Angles added downwards in the nesting chain – tested on MacOS Chrome, FF, and Safari, and PC Chrome and FF. Edge doesn't work bc of known issue where TOC is not appearing

[ryangwilson]

@chasenlehara we are having failing tests that need to be resolved (looks like master has the same issue as well). @justinbmeyer asked to put this on hold until you return. Aside from that, this branch should be ready.