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

feat(v2): use new pagination nav CSS (#1520)

Browse source
This commit is contained in:
Yangshun Tay 2019-05-26 20:19:16 -07:00 • committed by GitHub
parent c75cec76ec
commit b8965dcf38
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 40 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

25
packages/docusaurus-plugin-content-docs/src/theme/DocPaginator/index.js
View file

@ -15,29 +15,32 @@ function DocPaginator(props) {
} = props;
return (
<div className="row">
<div className="col col--6">
<nav className="pagination-nav">
<div className="pagination-nav__item">
{metadata.previous && docs[metadata.previous] && (
<Link
className="button button--secondary"
className="pagination-nav__link"
to={docs[metadata.previous].permalink}>
<i className="fas fa-arrow-left" />
&nbsp;&nbsp;
{metadata.previous_title}
<h5 className="pagination-nav__link--sublabel">Previous</h5>
<h4 className="pagination-nav__link--label">
&laquo; {metadata.previous_title}
</h4>
</Link>
)}
</div>
<div className="col col--6 text--right">
<div className="pagination-nav__item pagination-nav__item--next">
{metadata.next && docs[metadata.next] && (
<Link
className="button button--secondary"
className="pagination-nav__link"
to={docs[metadata.next].permalink}>
{metadata.next_title}&nbsp;&nbsp;
<i className="fas fa-arrow-right" />
<h5 className="pagination-nav__link--sublabel">Next</h5>
<h4 className="pagination-nav__link--label">
{metadata.next_title} &raquo;
</h4>
</Link>
)}
</div>
</div>
</nav>
);
}