chore(DescriptionList): added in drawer demo #11404
Conversation
thatblindgeye
requested review from
mcoker,
a team,
mfrances17,
tlabaj,
lboehling and
bekah-stephens
and removed request for
a team
|
Preview: https://patternfly-react-pr-11404.surge.sh A11y report: https://patternfly-react-pr-11404-a11y.surge.sh |
There was a problem hiding this comment.
Something weird is happening with the RTL switcher in this new demo. If the drawer is already open and I switch to rtl, then it disappears. If it's already closed and I open it in RTL mode, it pushes the content out in a way that it doesn't when not using RTL 🤔
packages/react-core/src/demos/DescriptionList/examples/DescriptionListInDrawer.tsx
Outdated
Show resolved
Hide resolved
|
@nicolethoen nice catch! Looks like that's probably just a bug in core not calculating the translate direction properly in RTL. Filed an issue for that here - patternfly/patternfly#7292 |
There was a problem hiding this comment.
Looks good. There are a couple of exceptions thrown but they only appear to be happening when running in surge, not in the demo docs (occurs for the Basic desc list demo as well).
Also it threw me a bit to see the Open in drawer link with the drawer defaulted to open. Be nice if text would change based on status of drawer open/closed (Close drawer/Open drawer).
|
Small thing related to @mfrances17 point. I think it's okay that the "Open drawer" text doesn't change to "Close drawer" when the drawer is open, but only if you aren't able to click that text again to close it (it looks like you can only click the close X in the drawer itself right now) The only thing that's a little weird is that when you hover over the "Open drawer" text when the drawer is open, it does change to the hover state even though you can't actually click the text (which makes me feel like I should be able to click it) |
thatblindgeye
force-pushed
the
desclist-drawer-demo
branch
from
f929d17 to
64f6177
Compare
|
@mfrances17 @bekah-stephens updated the demo to make that button dynamic. The text will change based on the drawer state, and clicking it will toggle the drawer rather than only always opening it. |
|
@thatblindgeye Tested the updated demo and the open/close drawer is much more clean and intuitive, well done and thank you! Merging... |
|
Your changes have been released in:
Thanks for your contribution! 🎉 |
What: Closes #10227
Additional issues:
Based off latest updates to #10229, and also updating/removing things based on v6 changes (updating or removing props, replacing Text and TextContent with Content).