From 6842d844de18ccfbeab6c4a23a3760c44516078e Mon Sep 17 00:00:00 2001 From: Baltazar Gomez Date: Tue, 8 Aug 2017 22:16:25 -0600 Subject: [PATCH 1/2] add class for pagination break --- ui/js/page/channel/view.jsx | 1 + 1 file changed, 1 insertion(+) 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)} -- 2.45.3 From 504a4fe0b9e3ad9c7931ce1b4678758713698aaa Mon Sep 17 00:00:00 2001 From: btzr-io Date: Tue, 8 Aug 2017 22:31:56 -0600 Subject: [PATCH 2/2] add pagination break style --- ui/scss/component/_pagination.scss | 4 ++++ 1 file changed, 4 insertions(+) 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; -- 2.45.3