-
Notifications
You must be signed in to change notification settings - Fork 376
feat(Table): added optin animations for expansion #11865
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
feat(Table): added optin animations for expansion #11865
Conversation
|
Preview: https://patternfly-react-pr-11865.surge.sh A11y report: https://patternfly-react-pr-11865-a11y.surge.sh |
rebeccaalpert
left a comment
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.
This looks fine overall in my opinion. Code looks good. Examples seem to work. I did see a typo in a prop description - otherwise happy to approve.
This is likely not you, but did also want to call out a difference I noticed between here and the main site with spacing, similar to what we saw in a different PR.
| Old | New |
|---|---|
![]() |
![]() |
![]() |
![]() |
|
cc @mcoker for Rebecca's comment above regarding spacing discrepancy |
srambach
left a comment
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.
I was trying to figure out how we might smooth out the compound expandable, but when I changed it so they aren't all the same height, it feels far less glitchy. I say go ahead and let's keep an eye on real world use and feedback.
6606ef1 to
ff6e5e0
Compare
mcoker
left a comment
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! 🦦
kaylachumley
left a comment
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.
the expansion itself seems good! but the blue ripple color on the expansion button feels distracting for me... side thought: wondering if we can apply a grey ripple color instead for expansion?
|
@thatblindgeye ope sorry! realized i was reviewing the wrong component! the comment above was for the expandable section which may not even be representative of what we offer since its a surge link for the wrong component review |
kaylachumley
left a comment
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.
table expansion looks good 👏
ff6e5e0 to
378168e
Compare
nicolethoen
left a comment
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.
|
@nicolethoen that might be a visual issue we've noticed where both the previous expanded thing and the new expanded thing are both momentarily rendered. Could you slow the animations down to 10% in dev tools to confirm if that's what's happening there? If it is then it's a known visual issue, but just to confirm @mcoker we're still good to merge and work on a potential fix for that? |
|
I can take a look - I didn't expect the table rows to collapse as I switched between different tabs |
378168e to
c46b0b3
Compare
mcoker
left a comment
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.
NICE!!!
|
Your changes have been released in:
Thanks for your contribution! 🎉 |






What: Closes #11856
Additional issues: