-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Pagination: Single-page behavior, style, and window
prop updates
#1574
Pagination: Single-page behavior, style, and window
prop updates
#1574
Conversation
- Remove :hover styles where no longer needed - Update color values - Add round border radius
window
prop updates
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM! 🔥
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A couple of tiny comments, but also noticed the React Component link is broken on the Pagination page. Don't believe it's related, but might be worth looking into (could be a follow-up).
Otherwise, LGTM! 👍🏼
@@ -55,6 +55,6 @@ | |||
<tr> | |||
<td><%= md('`window`') %></td> | |||
<td><%= md('Sets the number of items on either side of the `...` item. (Note: the left side will be `window` + 1). Has no affect when `hide_pages` is set to true.') %></td> | |||
<td><%= md('String') %></td> | |||
<td><%= md('`nil`') %></td> | |||
<td><%= md('Number') %></td> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Integer, maybe?
<%= component.generated_html_attributes.html_safe %> | ||
> | ||
<% if !component.hide_counter %> | ||
<span class="sage-pagination__count <%= "sage-pagination__count--solo" if component.items.total_pages == 1 %>"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🧛🏼 count solo... made me laugh, def not a show-stopper. sorry back to the serious review.
aria-label="Pagination Navigation" | ||
<%= component.generated_html_attributes.html_safe %> | ||
> | ||
<% if !component.hide_counter %> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
preferred in ruby unless component.hide_counter
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Comments left, do NOT block my approval.
Description
This PR updates how Pagination behaves when there is only one page and a few styles to sync with latest spec including:
Screenshots
window
in Rails and updates documentation accordinglyTesting in
sage-lib
See Components > Pagination
Testing in
kajabi-products
window
in Rails version so its now truly optionalRelated
SAGE-240 and SAGE-56