add rtl css file. fix side-nav issue in rtl mode

pull/98/head
Amir Ajorloo 2020-10-13 00:50:16 +03:30
parent af7fecd20b
commit 8e85f61ce6
2 changed files with 42 additions and 0 deletions

View File

@ -9,6 +9,7 @@
{% block extrastyle %}
{% get_admin_interface_theme as theme %}
{% get_admin_interface_version as version %}
{% get_current_language as current_lang %}
<style type="text/css">
/*
django-admin-interface {{ version }}
@ -26,12 +27,18 @@ https://github.com/fabiocaccamo/django-admin-interface
{% include "admin_interface/css/ckeditor.css" %}
{% include "admin_interface/css/tinymce.css" %}
{% include "admin_interface/css/json-widget.css" %}
{% include "admin_interface/css/rtl.css" %}
{% if theme.css %}
{{ theme.css|safe }}
{% endif %}
</style>
{% if current_lang == 'fa' %}
<link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v26.0.2/dist/font-face.css" rel="stylesheet" type="text/css" />
{% endif %}
{% endblock %}
{% block blockbots %}

View File

@ -0,0 +1,35 @@
[dir="rtl"] * {
font-family: 'Vazir', sans-serif !important;
}
[dir="rtl"] .main .toggle-nav-sidebar.sticky {
left: auto !important;
right: 0px !important;
margin-right: 0px !important;
margin-left: 10px;
border: 1px solid #eaeaea !important;
border-right: none !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
box-shadow: -4px 2px 8px -2px #DBDBDB !important;
}
[dir="rtl"] .admin-interface #main.shifted>#toggle-nav-sidebar {
right: 359px !important;
}
[dir="rtl"] .admin-interface #main>#nav-sidebar {
margin-right: -360px !important;
margin-left: 0px !important;
right: -320px !important;
}
[dir="rtl"] .admin-interface #main.shifted>#nav-sidebar {
border-left: 1px solid #eaeaea;
margin-right: 0px !important;
padding: 40px 0px 40px 40px !important;
}