From 88f6f985e2d7fafec4779ce660d32cba1226d247 Mon Sep 17 00:00:00 2001 From: Baltazar Gomez Date: Tue, 8 Aug 2017 19:35:47 -0600 Subject: [PATCH 1/5] fix #419 --- ui/scss/component/_video.scss | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/ui/scss/component/_video.scss b/ui/scss/component/_video.scss index aff720a7b..2d0b3820e 100644 --- a/ui/scss/component/_video.scss +++ b/ui/scss/component/_video.scss @@ -20,9 +20,7 @@ video { position: relative; video { height: 100%; - position: absolute; - left: 0; - top: 0; + width: 100%; } &.video--hidden { height: $height-video-embedded; From 6842d844de18ccfbeab6c4a23a3760c44516078e Mon Sep 17 00:00:00 2001 From: Baltazar Gomez Date: Tue, 8 Aug 2017 22:16:25 -0600 Subject: [PATCH 2/5] 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)} From 504a4fe0b9e3ad9c7931ce1b4678758713698aaa Mon Sep 17 00:00:00 2001 From: btzr-io Date: Tue, 8 Aug 2017 22:31:56 -0600 Subject: [PATCH 3/5] 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; From 4f2039368be244fc2015a1b3bdc47a93cd0d90ce Mon Sep 17 00:00:00 2001 From: btzr-io Date: Wed, 9 Aug 2017 09:28:54 -0600 Subject: [PATCH 4/5] prevent regression #295 --- ui/scss/component/_video.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/ui/scss/component/_video.scss b/ui/scss/component/_video.scss index 2d0b3820e..5515cbf8a 100644 --- a/ui/scss/component/_video.scss +++ b/ui/scss/component/_video.scss @@ -21,6 +21,9 @@ video { video { height: 100%; width: 100%; + position: absolute; + top: 0; + left: 0; } &.video--hidden { height: $height-video-embedded; From 956500fb070cf5966c3183b022dfbf2bd8260029 Mon Sep 17 00:00:00 2001 From: Jeremy Kauffman Date: Thu, 10 Aug 2017 19:56:01 -0400 Subject: [PATCH 5/5] update changelog --- CHANGELOG.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 2db7d593f..16f18f5f8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -20,8 +20,9 @@ Web UI version numbers should always match the corresponding version of LBRY App * Tiles will no longer be blurry on hover (Windows only bug) * Removed placeholder values from price selection form fields, which was causing confusion that these were real values (#426) * Fixed showing "other currency" help tip in publish form, which was caused due to not "setting" state for price - * Now using setState in formFieldPrice - * + * Fixed pagination styling for pages > 5 (#416) + * Fixed sizing on squat videos (#419) + ### Deprecated *