LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Fix pagination break #458

Merged
btzr-io merged 2 commits from patch-4 into master 2017-08-11 01:50:20 +02:00
Conversation 2 Commits 2 Files changed 2 +5
2 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ui/js/page/channel/view.jsx
View file

@ -83,6 +83,7 @@ class ChannelPage extends React.PureComponent {
pageClassName="pagination__item" pageClassName="pagination__item"
previousClassName="pagination__item pagination__item--previous" previousClassName="pagination__item pagination__item--previous"
nextClassName="pagination__item pagination__item--next" nextClassName="pagination__item pagination__item--next"
breakClassName="pagination__item pagination__item--break"
marginPagesDisplayed={2} marginPagesDisplayed={2}
onPageChange={e => this.changePage(e.selected + 1)} onPageChange={e => this.changePage(e.selected + 1)}
initialPage={parseInt(page - 1)} initialPage={parseInt(page - 1)}

4
ui/scss/component/_pagination.scss
View file

@ -26,6 +26,10 @@
font-size: 1.2em; font-size: 1.2em;
} }
.pagination__item--break {
padding: 0 $spacing-vertical * 2 / 3;
}
.pagination__item--selected { .pagination__item--selected {
color: white; color: white;
background: $color-primary; background: $color-primary;