Add separate on-page navigation sidebar (#475)

This commit is contained in:
Elian Ibaj 2018-03-04 06:23:59 +01:00 committed by Joel Marcey
parent f093790947
commit 4ff2fe280e
5 changed files with 127 additions and 2 deletions

View file

@ -9,6 +9,7 @@ const React = require('react');
const Container = require('./Container.js');
const Doc = require('./Doc.js');
const DocsSidebar = require('./DocsSidebar.js');
const OnPageNav = require('./nav/OnPageNav.js');
const Site = require('./Site.js');
const translation = require('../server/translation.js');
@ -25,7 +26,7 @@ class DocsLayout extends React.Component {
return (
<Site
config={this.props.config}
className="sideNavVisible"
className="sideNavVisible doc"
title={
i18n
? translation[this.props.metadata.language]['localized-strings'][
@ -90,6 +91,11 @@ class DocsLayout extends React.Component {
)}
</div>
</Container>
{this.props.config.onPageNav == 'separate' && (
<nav className="onPageNav">
<OnPageNav rawContent={this.props.children} />
</nav>
)}
</div>
</Site>
);