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
Icon: Add right-to-left locales flip style support and update doc #631
Conversation
docs/src/Icon.doc.js
Outdated
flip on RTL locales like Arabic). Consider whether you want to keep the | ||
original layout on rtl if you are adding new icons. | ||
</Text> | ||
<Box display="flex" direction="row"> |
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.
@selena-zeng Let's remove this Box
since the rtl will be a feature across pages
packages/gestalt/src/Icon.js
Outdated
@@ -34,6 +34,20 @@ type Props = {| | |||
|
|||
const IconNames = Object.keys(icons); | |||
|
|||
const noFlipOnRtlIconNames = [ | |||
'facebook', |
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.
@selena-zeng this is different from the approach we talked about - is this in agreement with PDS, that only these icons should not be flipped and all the other ones should?
html[dir="rtl"] .rtlSupport { | ||
/* Flip the icon for right-to-left language locales */ | ||
transform: rotateY(180deg); | ||
} |
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.
@selena-zeng could we add an extra breaking line at the end of this file?
@selena-zeng Thank you for working with PDS on this - merged! |
TODO
Experimental evidence (required for Masonry changes)