Last active
July 24, 2022 13:34
-
-
Save amirasaran/0bfd8d33b0ed1a1ad9c0b850f1c6c17d to your computer and use it in GitHub Desktop.
Django JET admin RTL (For persian and arabic ,...)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url("../fonts/css/fontiran.css"); | |
html { | |
direction: rtl; | |
font-family: IRANSans; | |
} | |
.sidebar { | |
right: 0 !important; | |
left: auto !important; | |
-webkit-transform: translate3d(100%, 0, 0) !important;; | |
transform: translate3d(100%, 0, 0) !important; | |
} | |
body.menu-pinned #container { | |
padding-left: 0 !important; | |
padding-right: 250px !important; | |
padding-right: 17.85714rem !important; | |
} | |
#container { | |
padding: 0; | |
min-height: 100%; | |
transition: padding-right 0.3s !important; | |
} | |
body.menu-pinned .sidebar, .sidebar.sidebar-opened { | |
-webkit-transform: none !important; | |
transform: none !important; | |
} | |
.sidebar-container-toggle { | |
float: right; | |
padding: 10px 20px 10px 0; | |
padding: 0.71429rem 1.42857rem 0.71429rem 0; | |
} | |
.dashboard-tools { | |
position: absolute; | |
left: 215px; | |
left: 15.35714rem; | |
right: auto; | |
} | |
.user-tools ul { | |
position: absolute; | |
left: 20px; | |
left: 1.42857rem; | |
right: auto; | |
} | |
.dashboard-item-header-buttons, .dashboard-item-header-drag { | |
float: left; | |
} | |
.icon-arrow-right:before { | |
content: "\e60a"; | |
} | |
.sidebar-right { | |
float: left; | |
margin-right: 10px; | |
margin-right: 0.71429rem; | |
margin-left: 0; | |
} | |
body.change-list .object-tools { | |
float: left !important; | |
} | |
.aligned label { | |
display: block; | |
padding: 8px 0 0 10px; | |
padding: 0.57143rem 0 0 0.71429rem; | |
float: right; | |
} | |
body.menu-pinned .changelist-footer.fixed { | |
right: 270px; | |
right: 19.28571rem; | |
left: 20px; | |
left: 1.42857rem; | |
} | |
body.menu-pinned table.helper { | |
right: 270px; | |
right: 19.28571rem; | |
left: 20px; | |
left: 1.42857rem; | |
} | |
thead th:last-child, tfoot td:last-child { | |
border-radius: 4px 0 0 0; | |
border-radius: 0.28571rem 0 0 0; | |
} | |
thead th:first-child, tfoot td:first-child { | |
border-radius: 0 4px 0 0; | |
border-radius: 0 0.28571rem 0 0; | |
} | |
.paginator .pages-wrapper span:first-child, .paginator .pages-wrapper a:first-child { | |
border-radius: 0 4px 4px 0; | |
border-radius: 0 0.28571rem 0.28571rem 0; | |
} | |
.paginator .pages-wrapper span:last-child, .paginator .pages-wrapper a:last-child { | |
border-radius: 4px 0 0 4px; | |
border-radius: 0.28571rem 0 0 0.28571rem; | |
} | |
div.breadcrumbs { | |
padding: 10px 20px 10px 215px; | |
padding: 0.71429rem 1.42857rem 0.71429rem 15.35714rem; | |
} | |
th, .text { | |
text-align: right; | |
} | |
.breadcrumbs a, .breadcrumbs .breadcrumbs-separator { | |
float: right; | |
line-height: 32px; | |
line-height: 2.28571rem; | |
} | |
.dashboard-item-content ul:not(.inline) li .float-right { | |
float: left; | |
} | |
.add-dashboard-link { | |
border-radius: 4px 0 0 4px !important; | |
border-radius: 0.28571rem 0 0 0.28571rem !important; | |
} | |
.add-dashboard + .select2 .select2-selection { | |
border-radius: 0 4px 4px 0 !important; | |
border-radius: 0 0.28571rem 0.28571rem 0 !important; | |
border-width: 0; | |
} | |
#changelist .paginator { | |
text-align: left; | |
} | |
.submit-row p.deletelink-box { | |
float: left; | |
} | |
.aligned label + p { | |
margin-right: 170px; | |
margin-right: 12.14286rem; | |
margin-left: 0; | |
margin-left: 0; | |
} | |
.vDateField-link span, .vTimeField-link span { | |
border-radius: 4px 0 0 4px; | |
border-radius: 0.28571rem 0 0 0.28571rem; | |
} | |
.vDateField-link + .vTimeField, .vDateField, .vTimeField { | |
margin-right: 10px; | |
margin-right: 0.71429rem; | |
margin-left: 0; | |
border-radius: 0 4px 4px 0 !important; | |
border-radius: 0 0.28571rem 0.28571rem 0 !important; | |
border-right-width: 1px !important; | |
border-left-width: 0 !important; | |
} | |
thead th, tfoot td { | |
text-align: right; | |
} | |
.icon-arrow-left:before { | |
content: "\e60b"; | |
} | |
.segmented-button.right { | |
border-radius: 4px 0 0 4px; | |
border-radius: 0.28571rem 0 0 0.28571rem; | |
} | |
.segmented-button.left { | |
border-radius: 0 4px 4px 0; | |
border-radius: 0 0.28571rem 0.28571rem 0; | |
} | |
.changeform-navigation-button-icon.left { | |
float: right; | |
} | |
.changeform-navigation-button-icon.right { | |
float: left; | |
} | |
.related-popup { | |
padding-right: 250px; | |
padding-right: 17.85714rem; | |
padding-left: 0; | |
} | |
.related-popup-back, .related-popup-back:visited, .related-popup-back:hover { | |
right: 250px; | |
right: 17.85714rem; | |
left: unset; | |
} | |
.inline-related h3 span.delete, .inline-related h3 .inline-deletelink { | |
float: left; | |
margin-right: 10px; | |
margin-right: 0.71429rem; | |
} | |
input[type=checkbox] + label:before { | |
letter-spacing: 0; | |
letter-spacing: 0; | |
margin-left: 5px; | |
} | |
.inline-group ul.tools a.add:before, .inline-group div.add-row a:before, .inline-group .tabular tr.add-row td a:befor { | |
margin-left: 4px; | |
margin-left: 0.28571rem; | |
} |
I added the code to rtl.css but nothing changed in my jet interface,where is my problem?
I added the code and its work... but menu dose not work properly
@shahriardn if you fixed menu please give me some details about your changes.
Update the Gist from my fork.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
In Django
settings.py
setSTATICFILES_DIRS = [ 'YOUR_TEMPALTE_FOLDER' ]
after that, copy the above code under forlderYOUR_TEMPALTE_FOLDER/admin/css/rtl.css
If you want to set farsi as default language you can set
LANGUAGE_CODE = 'fa-IR'