Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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 English language and hence will be LTR.
    • Body tag will contain language class & direction class. Eg - For English, it should be

      Code Block
      languagexml
      <body class=”en-GB ltr”>


    • HTML tag will contain lang attribute en and direction attribute ltr. Eg -

      Code Block
      languagexml
       <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 

...