Japanese characters facing wrong way in custom roles

[mar-v]

Description:

Creating a new custom role in Japanese makes its name look upside down and inside out. Japanese is written vertically from up to down. Currently the custom role on the Permissions screen turns the characters into opposite direction and places them from down to up.

Steps to reproduce:

1. Switch to the Japanese, create a custom role 顧客サービス
2. Save, go to Permissions
3. The role is hard to read.

Expected behavior:

The name should be rotated 180° altogether (eg.1) or all the characters should be rotated 90° and placed horizontally (eg.2).

Actual behavior:

Now it looks like eg.3

Server Setup Information:

• Version of Rocket.Chat Server: 3.2.2

Client Setup Information

• Desktop App or Browser Version: latest Chrome and desktop app 2.17.9
• Operating System: Windows 10 and MacOS

[luixxiul]

A solution with CSS would be:

html[lang="ja"] .permissions-manager .permission-grid .rotator {
    transform: none;
    text-align: end;
    writing-mode: vertical-lr;
}

The issue should be common among Chinese and Korean (also Mongolian if any) interface. See: https://www.w3.org/International/articles/vertical-text/