Comments (7)
RTL is certainly something I'm interested in supporting. I love the challenge. We have been involved in other large projects in the past with the requirement, so it's not completely foreign nor off our radar.
It's on my list, but... we will likely need to add to our UI team before we can tackle RTL support.
from retype.
I would like to drop the RTL bomb.... 💣
I know that RTL languages (Hebrew, Arabic) are usually neglected by most software vendors due to probably less demand, and more complexity in UI terms - but I think that if the UI is thoughtfully prepared, it should be a matter of strapping a <body class='rtl' direction='rtl'>
to it, and then it should be easy to support RTL (which of course entails having the lefthand sidebar on the right).
Whatever the future holds for this localization feature - if RTL support finds its way in, I am happy to assist (both in RTL terms, and if needed, in localization concepts and planning).
from retype.
Well, I saw this bomb falling! 💥
From my experience, this would mean a complete rewrite of the CSS styling and many HTML. As you said yourself, even right sidebars may become left sidebars when RTL is in place. So I believe translation for LTR languages should be dealt in separate steps from actual RTL implementation. That's not just a matter of placing strings over placeholders, but a complete layout revamp.
One important aspect to have it well implemented and maintained is an actual audience to report the layout issues as they rise. :)
I mean, it would be worth its own dedicated issue.
from retype.
Yeah, possibly.
From my experience - and the many days I spent dealing with such issues - I want to mention just a couple of key point that might help.
- Tables, columns, flexboxes, "float lefts" - are all automatically organized in reverse order once wrapped inside a container with
direction='rtl'
- so dealing with this is usually just minor adjustments. - The other aspect is CSS elements that received explicit float, align, or uneven padding/margin. For these, I usually do something like this (SCSS):
.col {
.ltr & { float:left; }
.rtl & { float:right; }
}
Anyways - when the time comes, give me a call.
from retype.
This should be really easy by using CSS logical properties as Retype is using utility classes. Even there are tools to automatically convert a CSS code to logical properties. You'll lose IE support though.
from retype.
Retype v3.0 will include support for changing the interface language. Currently 24 languages are supported.
See the following docs for the translations:
https://retypeapp.github.io/retype-translations/
The source repo is available at:
https://github.com/retypeapp/retype-translations
RTL is not support. Hopefully one day.
from retype.
The new locale
project configuration is now available in Retype v3.0, see docs.
The Retype Translation repo is available at https://retypeapp.github.io/retype-translations/.
Hope this helps.
from retype.
Related Issues (20)
- Project custom links: Add title attribute
- Page metadata: Add keywords to use with retype search
- Using Raw HTML In Pages HOT 4
- Skip nested folders in the sidebar and customise the page's place in the navigation sidebar
- Footnotes do not render well in panel. HOT 2
- Styling not complete when published on GH Pages? HOT 3
- Issues deploying with Docker
- Search Not Working for `visibility: protected` Pages Despite Password
- Search not working for code snippets HOT 1
- Footnote syntax breaks tags navigation page HOT 1
- The GitHub Action relies on Node 16 which is now deprecated
- Blog style card for latest blog post highlighted on a different page (e.g. the main index.md for the site)
- Port 5000 may not be a safe default
- NFR: Permalinks and/or static redirects (SEO)
- Disable right panel from displaying
- MojeeIO.Exceptions.LicenseException: Mojee License violation. HOT 3
- Definition lists formatting issues with lengthy definitions HOT 3
- Image size HOT 2
- Single characters in super- and subscript HOT 4
- Sidebar filter does not work for CamelCase titles HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from retype.