Skip to content

Instantly share code, notes, and snippets.

@rezazoom
Last active June 23, 2026 08:45
Show Gist options
  • Select an option

  • Save rezazoom/976ba03cbbf05f29e452cced409b3172 to your computer and use it in GitHub Desktop.

Select an option

Save rezazoom/976ba03cbbf05f29e452cced409b3172 to your computer and use it in GitHub Desktop.
RTL for Jira board
/*
* Custom CSS for proper Persian (RTL) rendering in Jira.
*
* How to apply:
* Jira Administration > System > User Interface > Announcement Banner
* Paste this CSS inside the banner to inject it globally.
*
* Notes:
* - Main content fields (comments, descriptions, agile board issues) are forced to RTL.
* - Code/preformatted blocks are explicitly excluded and kept LTR for readability.
*/
.action-body,
.user-content-block,
.wiki-edit-content,
.ghx-issue-content {
direction: rtl !important;
text-align: right !important;
unicode-bidi: plaintext !important;
font-family: "Tahoma", "Vazirmatn", sans-serif !important;
}
.code {
direction: ltr !important;
text-align: left !important;
unicode-bidi: embed !important;
font-family: monospace !important;
}
.ghx-issue .ghx-avatar {
right: unset;
left: 10px;
}
.ghx-issue.ghx-has-avatar .ghx-issue-fields,
.ghx-issue.ghx-has-corner .ghx-issue-fields {
padding-right: unset;
padding-left: 37px;
}
.ghx-issue .ghx-highlighted-fields {
padding: 0;
}
@rezazoom

Copy link
Copy Markdown
Author

How to apply:
Go to: Jira Administration > System > User Interface > Announcement Banner
Paste this HTML tag inside the banner to inject it globally.
<link rel="stylesheet" href="https://gist.githubusercontent.com/rezazoom/976ba03cbbf05f29e452cced409b3172/raw/jira-rtl.css">

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