diff --git a/CHANGELOG.md b/CHANGELOG.md index 2ce02f9ec..84455c215 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,8 +21,9 @@ Web UI version numbers should always match the corresponding version of LBRY App * 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 a bug which enabled the user to publish without filling/checking required fields - * + * Public page now properly checks for all required fields are filled + * Fixed pagination styling for pages > 5 (#416) + * Fixed sizing on squat videos (#419) ### Deprecated * 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; diff --git a/ui/scss/component/_video.scss b/ui/scss/component/_video.scss index aff720a7b..5515cbf8a 100644 --- a/ui/scss/component/_video.scss +++ b/ui/scss/component/_video.scss @@ -20,9 +20,10 @@ video { position: relative; video { height: 100%; + width: 100%; position: absolute; - left: 0; top: 0; + left: 0; } &.video--hidden { height: $height-video-embedded;