You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Added plugin configuration to storybook/main.ts - Allows testing of RTL support during development.
Added plugin configuration to rollup.config.js - Ensures build artifacts support RTL languages.
Created useHTMLTextDirection custom hook - Applies the dir attribute to modal and dropdown portal components for correct RTL rendering.
Why postcss-rtlcss Plugin?
postcss-rtlcss automates the conversion of LTR CSS to RTL, ensuring consistency and reducing manual errors.
It automates CSS transformation by converting LTR styles to RTL, ensuring proper alignment and display in RTL mode.
The convention of @{user_name}: I couldn't find the exact reference about this but based on the fact that mentioned in https://rtlstyling.com/posts/rtl-styling#rtl-design-considerations, it seems {user_name}@ format would be correct in RTL mode. Probably we'd better hear feedback from our users directly 😄
Applied [postcss-rtlcss
plugin](https://github.com/elchininet/postcss-rtlcss) for the better RTL
support without tedious manual CSS style modifications.
- [x] Added plugin configuration to storybook/main.ts - Allows testing
of RTL support during development.
- [x] Added plugin configuration to rollup.config.js - Ensures build
artifacts support RTL languages.
- [x] Created useHTMLTextDirection custom hook - Applies the dir
attribute to modal and dropdown portal components for correct RTL
rendering.
postcss-rtlcss automates the conversion of LTR CSS to RTL, ensuring
consistency and reducing manual errors.
It automates CSS transformation by converting LTR styles to RTL,
ensuring proper alignment and display in RTL mode.
You can play around in here https://elchininet.github.io/postcss-rtlcss/
to see what kind of modifications could be made by this plugin.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
To address https://sendbird.atlassian.net/browse/CLNP-3692, applied postcss-rtlcss plugin for the better RTL support without tedious manual CSS style modifications.
What has been done?
Why postcss-rtlcss Plugin?
postcss-rtlcss automates the conversion of LTR CSS to RTL, ensuring consistency and reducing manual errors.
It automates CSS transformation by converting LTR styles to RTL, ensuring proper alignment and display in RTL mode.
You can play around in here https://elchininet.github.io/postcss-rtlcss/ to see what kind of modifications could be made by this plugin.