Related JIRA stories
...
- Direction / Mirroring Interface or content elements
- If the interface is RTL, everything will become RTL.
- If the interface is LTR but any content piece is Urdu (Eg - Card) then the card will become RTL while the interface will stay in LTR.
- Fonts family
- Noto Sans for English & Hindi
- Noto Tamil for Tamil
Noto Nastaliq for Urdu
- Font sizes
Noto Tamil will be 2 points smaller than the English font size.
- Link underline
- Links in Urdu will have the line at the top
- Space
- Text may scale or contract in different languages.
- Urdu is the only Indian language which is RTL in direction.
- Default language is English and hence default direction is LTR.
...
- English is the default language hence the following things will happen -
- style.css will be loaded by default. This file will contain CSS code for the English language and hence will be LTR.
Body tag will contain language class & direction class. Eg -
For English, it should beCode Block language xml <body class=”en-GB ltr”>HTML tag will contain lang attribute en and direction attribute ltr. Eg -
Code Block language xml <html lang="en-GB" dir="ltr">
- When a user selects to any other language, that language-specific CSS file will get added to the HTML code. Each language will contain If the user interface is English, and it contains a content piece which is not in English then the following things will happen -
Content piece element will be adding attribute and classes based on the language it contains.
Code Block language xml <div lang="ur" dir="rtl" class="ur rtl">- Based on the language selected,