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

fix(v2): right toc should be sticky

Browse source
This commit is contained in:
endiliey 2019-06-03 13:06:34 -07:00
parent 38af934464
commit 1e79a4b5ee
2 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/docusaurus-plugin-content-docs/src/theme/DocItem/index.js
View file

@ -8,7 +8,6 @@
import React from 'react'; import React from 'react';
import Head from '@docusaurus/Head'; import Head from '@docusaurus/Head';
import DocPaginator from '@theme/DocPaginator'; import DocPaginator from '@theme/DocPaginator';
import styles from './styles.module.css'; import styles from './styles.module.css';
@ -53,7 +52,11 @@ function DocItem(props) {
<DocPaginator docsMetadata={docsMetadata} metadata={metadata} /> <DocPaginator docsMetadata={docsMetadata} metadata={metadata} />
</div> </div>
<div className="col col--3 col--offset-1"> <div className="col col--3 col--offset-1">
{DocContent.rightToc && <Headings headings={DocContent.rightToc} />} {DocContent.rightToc && (
<div className={styles.tableOfContents}>
<Headings headings={DocContent.rightToc} />
</div>
)}
</div> </div>
</div> </div>
</div> </div>

9
packages/docusaurus-plugin-content-docs/src/theme/DocItem/styles.module.css
View file

@ -8,3 +8,12 @@
.docBody { .docBody {
min-height: calc(100vh - 50px); min-height: calc(100vh - 50px);
} }
@media only screen and (min-width: 996px) {
.tableOfContents {
max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
overflow-y: auto;
position: sticky;
top: calc(var(--ifm-navbar-height) + 2rem);
}
}