3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-17 19:16:58 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: remove the Container component from the docsNavContainer (#1599)

Browse source 
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.
This commit is contained in:
Shawn Tabrizi 2019-06-13 18:05:41 +02:00 • committed by Yangshun Tay
parent 6bdb38c524
commit b1023aa9ac
2 changed files with 4 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
packages/docusaurus-1.x/lib/core/BlogSidebar.js
View file

@ -6,7 +6,6 @@
*/ */
const React = require('react'); const React = require('react');
const Container = require('./Container.js');
const SideNav = require('./nav/SideNav.js'); const SideNav = require('./nav/SideNav.js');
const MetadataBlog = require('./MetadataBlog.js'); const MetadataBlog = require('./MetadataBlog.js');
@ -42,7 +41,7 @@ class BlogSidebar extends React.Component {
category: blogSidebarTitle, category: blogSidebarTitle,
}; };
return ( return (
<Container className="docsNavContainer" id="docsNav" wrapper={false}> <div className="docsNavContainer" id="docsNav">
<SideNav <SideNav
language={this.props.language} language={this.props.language}
root={`${this.props.config.baseUrl}blog/`} root={`${this.props.config.baseUrl}blog/`}
@ -50,7 +49,7 @@ class BlogSidebar extends React.Component {
contents={contents} contents={contents}
current={current} current={current}
/> />
</Container> </div>
); );
} }
} }

5
packages/docusaurus-1.x/lib/core/DocsSidebar.js
View file

@ -7,7 +7,6 @@
const React = require('react'); const React = require('react');
const fs = require('fs'); const fs = require('fs');
const Container = require('./Container.js');
const SideNav = require('./nav/SideNav.js'); const SideNav = require('./nav/SideNav.js');
const Metadata = require('../core/metadata.js'); const Metadata = require('../core/metadata.js');
@ -38,7 +37,7 @@ class DocsSidebar extends React.Component {
} }
return ( return (
<Container className="docsNavContainer" id="docsNav" wrapper={false}> <div className="docsNavContainer" id="docsNav">
<SideNav <SideNav
collapsible={this.props.collapsible} collapsible={this.props.collapsible}
language={this.props.metadata.language} language={this.props.metadata.language}
@ -47,7 +46,7 @@ class DocsSidebar extends React.Component {
contents={docsCategories[this.props.metadata.language]} contents={docsCategories[this.props.metadata.language]}
current={this.props.metadata} current={this.props.metadata}
/> />
</Container> </div>
); );
} }
} }