-
Notifications
You must be signed in to change notification settings - Fork 1.7k
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
Support right-to-left languages #1489
Conversation
Just to say that, with the exception of the |
Replace phyiscal properties (top/bottom/left/right) with logical properties (start/end) that can be used in non-LTR contexts (e.g., content in Arabic or Hebrew). Based on the CSS Logical Properties and Values Level 1 specification, currently an Editor's Draft [1]. Referencing MDN, all major browsers except Internet Explorer support the margin, padding, and border properties. [1]: https://drafts.csswg.org/css-logical/ Signed-off-by: Tim Crawford <[email protected]>
This will be necessary for using CSS selectors on root attributes. Signed-off-by: Tim Crawford <[email protected]>
Fix behavior of some elements when displaying page in RTL. Signed-off-by: Tim Crawford <[email protected]>
I tested the latest changes and my previous comment still holds. Thanks for the effort! 🖖 |
Adding my support for merging this PR, please! Thanks for your work @crawfxrd :) |
Additional changes were made in #1641 to better support the configuration. I don't know if @cN3rd is active to rebase that, but that is what should be tested at this point. Considering neither received any feedback, I will probably just close mine. I don't use any RTL languages, so don't have a reason to push for this. |
Use CSS logical properties where feasible and CSS selectors elsewhere to fix behavior of RTL pages. Moves
js
/no-js
andsidebar-hidden
/sidebar-visible
classes from the roothtml
element tobody
so that selectors function correctly when page direction is flipped.TODO:
dir="rtl"
explicitly?Resolves: #1486