Skip to content

Resolve "RTL Titles in issues are displayed Left-to-Right"

What does this MR do?

Auto direction for title of Issues on:

  • Issue list
  • Activity page
  • Issue's page
  • Issues boards

Auto direction for Input boxes:

  • New Issue's description
  • Issue's description edit box
  • New Issue's title
  • Issue's title edit box
  • New comments
  • Comments edit box

Auto direction for Broadcast messages

As mentioned in related issue (#48479 (closed) ), the direction for issue's title and most of the right-to-left contents is Left-to-Right (for all languages and combinations).
Alignment and direction should be changed based on content's of the text (as what we have in descriptions show).

For example, in some cases that we need a combination of English and Farsi/Arabic in Issue title, the static LTR direction makes title too hard to read!

Our title:

عنوان فارسی با english1 و همچنین english2 در میانه عنوان

Current output/show in Issue page:

image

Current output/show in Issue's list page:

image

Desired output/show for Issue page:

image

Desired output/show for Issue's list page:

image

For Issue's list page I prefer to keep alignment as default (left) because it's more easy to read and gives a unified view to user.

Does this MR meet the acceptance criteria?

Conformity

Performance and testing

Security

If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:

  • Label as security and @ mention @gitlab-com/gl-security/appsec
  • The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
  • Security reports checked/validated by a reviewer from the AppSec team

Closes #48479 (closed)

Edited by Ahmad Haghighi

Merge request reports