Static HTML files translated through CrowdIn do not have language specific CSS for rtl / ltr handling

[stephanegigandet]

Describe the bug

e.g. donation banner have this code:

<link
      rel="stylesheet"
      href="https://static.openfoodfacts.org/css/dist/app-ltr.css"
    />

For some languages like Arabic, we need to use app-rtl.css instead.

To Reproduce

See #6082

Expected behavior

Translated files work for both left to right and right to left languages.

Proposed solution: link to a dynamic CSS /cgi/css.pl that can use the subdomain of the page to apply the correct ltr or rtl setting of the corresponding language.

Screenshots

No response

Additional context

No response

Type of device

Browser

Browser version

No response

Number of products impacted

No response

Time per product

No response

[stephanegigandet]

Another option suggested by @alexgarel is to hardcode all subdomains with a RTL language and have a bit of JS to fetch the right CSS for those.

[teolemon]

• See Crowdin does not support translating CSS links #4172

Also it's part of

• 🌐 Improve the translator journey (tracker) #5528

[github-actions]

This issue is stale because it has been open 90 days with no activity.