Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Fix pagination controls styles in WP 5.1.x

Browse Source 
[MAILPOET-1838]
This commit is contained in:
Ján Mikláš
2019-02-27 15:21:48 +01:00
committed by M. Shull
parent 973103db59
commit 3e4252cb9e
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
assets/js/src/listing/pages.jsx
View File

@@ -62,16 +62,16 @@ class ListingPages extends React.Component {
} }
let pagination = false; let pagination = false;
let firstPage = ( let firstPage = (
<span aria-hidden="true" className="tablenav-pages-navspan">«</span> <span aria-hidden="true" className="tablenav-pages-navspan button disabled">«</span>
); );
let previousPage = ( let previousPage = (
<span aria-hidden="true" className="tablenav-pages-navspan">‹</span> <span aria-hidden="true" className="tablenav-pages-navspan button disabled">‹</span>
); );
let nextPage = ( let nextPage = (
<span aria-hidden="true" className="tablenav-pages-navspan">›</span> <span aria-hidden="true" className="tablenav-pages-navspan button disabled">›</span>
); );
let lastPage = ( let lastPage = (
<span aria-hidden="true" className="tablenav-pages-navspan">»</span> <span aria-hidden="true" className="tablenav-pages-navspan button disabled">»</span>
); );
if (this.props.limit > 0 && this.props.count > this.props.limit) { if (this.props.limit > 0 && this.props.count > this.props.limit) {
@@ -80,7 +80,7 @@ class ListingPages extends React.Component {
<a <a
href="javascript:;" href="javascript:;"
onClick={this.setPreviousPage} onClick={this.setPreviousPage}
className="prev-page" className="prev-page button"
> >
<span className="screen-reader-text">{MailPoet.I18n.t('previousPage')}</span> <span className="screen-reader-text">{MailPoet.I18n.t('previousPage')}</span>
<span aria-hidden="true">‹</span> <span aria-hidden="true">‹</span>
@@ -93,7 +93,7 @@ class ListingPages extends React.Component {
<a <a
href="javascript:;" href="javascript:;"
onClick={this.setFirstPage} onClick={this.setFirstPage}
className="first-page" className="first-page button"
> >
<span className="screen-reader-text">{MailPoet.I18n.t('firstPage')}</span> <span className="screen-reader-text">{MailPoet.I18n.t('firstPage')}</span>
<span aria-hidden="true">«</span> <span aria-hidden="true">«</span>
@@ -106,7 +106,7 @@ class ListingPages extends React.Component {
<a <a
href="javascript:;" href="javascript:;"
onClick={this.setNextPage} onClick={this.setNextPage}
className="next-page" className="next-page button"
> >
<span className="screen-reader-text">{MailPoet.I18n.t('nextPage')}</span> <span className="screen-reader-text">{MailPoet.I18n.t('nextPage')}</span>
<span aria-hidden="true">›</span> <span aria-hidden="true">›</span>
@@ -119,7 +119,7 @@ class ListingPages extends React.Component {
<a <a
href="javascript:;" href="javascript:;"
onClick={this.setLastPage} onClick={this.setLastPage}
className="last-page" className="last-page button"
> >
<span className="screen-reader-text">{MailPoet.I18n.t('lastPage')}</span> <span className="screen-reader-text">{MailPoet.I18n.t('lastPage')}</span>
<span aria-hidden="true">»</span> <span aria-hidden="true">»</span>