Skip to content
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

Closed
wants to merge 3 commits into from
Closed

Support right-to-left languages #1489

wants to merge 3 commits into from

Conversation

crawfxrd
Copy link
Contributor

@crawfxrd crawfxrd commented Mar 17, 2021

Use CSS logical properties where feasible and CSS selectors elsewhere to fix behavior of RTL pages. Moves js/no-js and sidebar-hidden/sidebar-visible classes from the root html element to body so that selectors function correctly when page direction is flipped.

TODO:

  • Set dir="rtl" explicitly?
    • New config? Determine by language?
  • Fix prev/next arrow direction?
    • Will FontAwesome ever support RTL themselves?
  • Fix resizing sidebar

Resolves: #1486

@ivilata
Copy link

ivilata commented Jul 21, 2021

Just to say that, with the exception of the dir="rtl" attribute (which I add manually) and the weird-looking prev/next arrows that you mention, the output generated by this branch is pretty good. Thanks and I hope this gets merged when complete! 😄

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]>
@ivilata
Copy link

ivilata commented Feb 24, 2022

I tested the latest changes and my previous comment still holds. Thanks for the effort! 🖖

@jnny
Copy link

jnny commented Jun 10, 2022

Adding my support for merging this PR, please! Thanks for your work @crawfxrd :)

@crawfxrd
Copy link
Contributor Author

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.

@jnny
Copy link

jnny commented Jun 10, 2022

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.

Ah, thanks for clarifying! I think this is the PR I meant to comment on.

@ivilata
Copy link

ivilata commented Jun 28, 2022

@crawfxrd, just letting you know that there were recent advances in #1641, I hope that one gets merged! 🤞

@crawfxrd crawfxrd closed this Jun 28, 2022
@crawfxrd crawfxrd deleted the rtl branch June 28, 2022 19:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Support for Right to Left
3 participants