-
Notifications
You must be signed in to change notification settings - Fork 6.3k
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
Translation to arabic: RTL style issue #1970
Comments
Nooo, please don't do this. 😁 Please also don't simply duplicate all the CSS, when you just want to change three lines of code. What you want is: html
// all the regular styles
...
html[dir="rtl"]
.has-side-nav
aside
float right
article
margin-right 220px
@media screen and (max-width: 480px)
.has-side-nav
article
margin-right 0px |
Thank you so much, @fhemberger . margin-left: 0;
so the margin left is set to 0 when the website language is a written from RTL , so the final code to add is like this: html[dir="rtl"]
.has-side-nav
aside
float right
article
margin-right 220px
margin-left 0
@media screen and (max-width: 480px)
.has-side-nav
article
margin-right 0px
|
thank you @fhemberger |
I have an issue with the website when translating to a language written from RTL
and i tried a workaround that worked perfectly, but it adds so many lines of code to the styling file ... is it ok to use this as a final solution ?
@nodejs/nodejs-ar , @celyes , @InterstellarClub
The text was updated successfully, but these errors were encountered: