Skip to content

Placement of the table of content

There are different approaches where we could place the table of content when we center the content pane. Currently we use a pane on the right side of the screen which aligns with gitlab the product, but it might be worth to look at alternatives and see if they fit in our design language.

Docs 1080p 4K Positioning
React react-1080 react-4k Content aligned center, right navbar aligned right.
Vue vue-1080 vue-4k Content aligned center, left navbar aligned left.
Docker docker-1080 docker-4k Content and left navbar aligned left, right navbar aligned right.
Datadog datadog-1080 datadog-4k Content and navbars stay the same, aligned in the center.
Heroku heroku-1080 heroku-4k Content and navbars stay the same, aligned in the center.

How it would look like for GitLab docs if we'd move the table of content to the left:

Before After
Screenshot_2020-03-17_at_20.14.13 Screenshot_2020-03-17_at_20.14.00
Edited by Nicolas Dular