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

refactor(v2): update HTML markup of pagination for better 11y (#2495)

Browse source
This commit is contained in:
Alexey Pyltsyn 2020-04-02 05:43:34 +03:00 • committed by GitHub
parent 686c8ae27d
commit d1326cdee8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/docusaurus-theme-classic/src/theme/BlogPostPaginator/index.js
View file

@ -16,20 +16,20 @@ function BlogPostPaginator(props) {
<div className="pagination-nav__item">
{prevItem && (
<Link className="pagination-nav__link" to={prevItem.permalink}>
<h5 className="pagination-nav__link--sublabel">Previous Post</h5>
<h4 className="pagination-nav__link--label">
<div className="pagination-nav__link--sublabel">Previous Post</div>
<div className="pagination-nav__link--label">
&laquo; {prevItem.title}
</h4>
</div>
</Link>
)}
</div>
<div className="pagination-nav__item pagination-nav__item--next">
{nextItem && (
<Link className="pagination-nav__link" to={nextItem.permalink}>
<h5 className="pagination-nav__link--sublabel">Next Post</h5>
<h4 className="pagination-nav__link--label">
<div className="pagination-nav__link--sublabel">Next Post</div>
<div className="pagination-nav__link--label">
{nextItem.title} &raquo;
</h4>
</div>
</Link>
)}
</div>

12
packages/docusaurus-theme-classic/src/theme/DocPaginator/index.js
View file

@ -18,20 +18,20 @@ function DocPaginator(props) {
<Link
className="pagination-nav__link"
to={metadata.previous.permalink}>
<h5 className="pagination-nav__link--sublabel">Previous</h5>
<h4 className="pagination-nav__link--label">
<div className="pagination-nav__link--sublabel">Previous</div>
<div className="pagination-nav__link--label">
&laquo; {metadata.previous.title}
</h4>
</div>
</Link>
)}
</div>
<div className="pagination-nav__item pagination-nav__item--next">
{metadata.next && (
<Link className="pagination-nav__link" to={metadata.next.permalink}>
<h5 className="pagination-nav__link--sublabel">Next</h5>
<h4 className="pagination-nav__link--label">
<div className="pagination-nav__link--sublabel">Next</div>
<div className="pagination-nav__link--label">
{metadata.next.title} &raquo;
</h4>
</div>
</Link>
)}
</div>