Skip to content

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

Description

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    RTLTranslationsWe use a non-standard version of GetText, lack language variants support translate.openfoodfacts.org⏰ StaleThis issue hasn't seen activity in a while. You can try documenting more to unblock it.

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions