diff --git a/ui/js/page/channel/view.jsx b/ui/js/page/channel/view.jsx index d694c3ba8..798d38379 100644 --- a/ui/js/page/channel/view.jsx +++ b/ui/js/page/channel/view.jsx @@ -83,6 +83,7 @@ class ChannelPage extends React.PureComponent { pageClassName="pagination__item" previousClassName="pagination__item pagination__item--previous" nextClassName="pagination__item pagination__item--next" + breakClassName="pagination__item pagination__item--break" marginPagesDisplayed={2} onPageChange={e => this.changePage(e.selected + 1)} initialPage={parseInt(page - 1)} diff --git a/ui/scss/component/_pagination.scss b/ui/scss/component/_pagination.scss index 940dd11bd..fd5ca528e 100644 --- a/ui/scss/component/_pagination.scss +++ b/ui/scss/component/_pagination.scss @@ -26,6 +26,10 @@ font-size: 1.2em; } +.pagination__item--break { + padding: 0 $spacing-vertical * 2 / 3; +} + .pagination__item--selected { color: white; background: $color-primary;