I was checking my profile settings, looking for arabic language but found that its not implemented yet. if i install lemmy in future, do i need to install arabic to my instance separately or it will come our of the box?

  • fakefunk
    4·
    3 years ago

    I do not speak an RTL language either, but from what I know of I can give you an idea of what it takes to support it properly.

    The start would be to add dir="rtl" to the html element and see what needs fixing: thankfully because you use flexbox in most places the layout naturally switches. The rest would be to use logical properties: text-align:start; instead of text-align:left, padding-inline-start instead of padding-left… Most of the CSS spatial properties have their logical sibling, even border-radius. If needed, you can also overwrite rules with html[dir="rtl"] {…}

    Then, for user inputed text, each top level node (p, ul, ol, blockquote, h1…) should have the dir="auto" attribute, so it’s possible to have text in two directions, depending on the first word of the element. Simply doing <textarea dir="auto"> isn’t possible because then the first word decides of the text direction for the whole content. Supporting RTL fully also means supporting mixed directional text.

    • DessalinesA
      4·
      3 years ago

      If you wanted to take a look at lemmy-ui and add this, I’d be happy to help where I can.

      • fakefunk
        3·
        3 years ago

        Will do! I will start with switching main.css to logical properties, and then have a look at the themes…