mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-04 04:37:28 +02:00
b1023aa9ac
In this case, the `docsNavContainer` does not pick up any styles or attributes from the `container` component it is wrapped in. It does however pick up the pesky `.container` className, which when paired with bootstrap, messes up the styling of the top navigation in mobile. This change is completely non-destructive, but helps enable the use of bootstrap on top of Docusaurus.
54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
/**
|
|
* Copyright (c) 2017-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
const React = require('react');
|
|
const fs = require('fs');
|
|
const SideNav = require('./nav/SideNav.js');
|
|
const Metadata = require('../core/metadata.js');
|
|
|
|
const readCategories = require('../server/readCategories.js');
|
|
|
|
let languages;
|
|
|
|
const CWD = process.cwd();
|
|
if (fs.existsSync(`${CWD}/languages.js`)) {
|
|
languages = require(`${CWD}/languages.js`);
|
|
} else {
|
|
languages = [
|
|
{
|
|
enabled: true,
|
|
name: 'English',
|
|
tag: 'en',
|
|
},
|
|
];
|
|
}
|
|
|
|
class DocsSidebar extends React.Component {
|
|
render() {
|
|
const {category, sidebar} = this.props.metadata;
|
|
const docsCategories = readCategories(sidebar, Metadata, languages);
|
|
|
|
if (!category) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div className="docsNavContainer" id="docsNav">
|
|
<SideNav
|
|
collapsible={this.props.collapsible}
|
|
language={this.props.metadata.language}
|
|
root={this.props.root}
|
|
title={this.props.title}
|
|
contents={docsCategories[this.props.metadata.language]}
|
|
current={this.props.metadata}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
module.exports = DocsSidebar;
|