GithubHelp home page GithubHelp logo

Multi-language support about retype HOT 7 CLOSED

retypeapp avatar retypeapp commented on July 24, 2024 2
Multi-language support

from retype.

Comments (7)

geoffreymcgill avatar geoffreymcgill commented on July 24, 2024 3

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.

DannyBen avatar DannyBen commented on July 24, 2024 1

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.

fabriciomurta avatar fabriciomurta commented on July 24, 2024

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.

DannyBen avatar DannyBen commented on July 24, 2024

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.

  1. 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.
  2. 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.

vmohir avatar vmohir commented on July 24, 2024

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.

geoffreymcgill avatar geoffreymcgill commented on July 24, 2024

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.

geoffreymcgill avatar geoffreymcgill commented on July 24, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.