Table of Contents Feedback about doctocat HOT 3 CLOSED

Quick design feedback:

• It doesn't seem to be lined up with anything vertically, and generally seems like odd positioning
• It seems too close to the content, perhaps should be flush right, or in a box or something so doesn't look so floaty
• It also looks like we've made the page width smaller which I think is a mistake, we should make it wider if we put in the same container as the content lets make it wider to be the same width as before.

Mobile also needs some work. The Chevron should be facing down, same as in the global mobile nav. Something about this just feels off too, maybe resolved by style updates to desktop version if you add a box, or maybe just needs to be blue or something.

from doctocat.

Some thoughts:

• I understand the position of the ToC aligned with the top of the first paragraph, as that's where it moves to in small screen, but I agree it would look better if we align with the page title
• Could we make the ToC text 14px instead? I think that would clarify the hierarchy/importance of the ToC in relation to the main content, and it may help with creating visual distance from the main content
• I agree with the suggestion to make the page width wider so the main content has the same width as before
• Should we revert to the caret instead of chevron, in small screen?
• Can we add an indicator of where in the page we are? In the designs (see 🖼⬇️) I had an orange indicator, but happy with something else if it's easier/more in line with existing examples

from doctocat.

Closed by #166

from doctocat.