admin/37794-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Force RTL sidebar layout in Admin Panel

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-01 06:46:38 +00:00
parent ef50367f00
commit b972987f77
2 changed files with 114 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
static/css/custom.css
View File

@ -240,3 +240,47 @@ body.model-platformprofile label[for="id_admin_panel_logo"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* --- Admin Panel RTL Sidebar Override (Force Right Side) --- */
@media (min-width: 992px) {
[dir="rtl"] .main-sidebar {
left: auto !important;
right: 0 !important;
}
[dir="rtl"] .content-wrapper,
[dir="rtl"] .main-header,
[dir="rtl"] .main-footer {
margin-left: 0 !important;
margin-right: 250px !important;
}
/* Collapsed State */
[dir="rtl"].sidebar-collapse .content-wrapper,
[dir="rtl"].sidebar-collapse .main-header,
[dir="rtl"].sidebar-collapse .main-footer {
margin-right: 4.6rem !important;
margin-left: 0 !important;
}
/* Fix Brand Logo Area */
[dir="rtl"] .brand-link {
float: right;
}
}
/* Mobile Sidebar Fix for RTL */
@media (max-width: 991.98px) {
/* Usually Jazzmin handles mobile via overlay, checking if we need to flip slide direction */
/* For now, ensuring sidebar stays hidden off-screen properly might be needed */
[dir="rtl"] .main-sidebar {
box-shadow: -3px 0 8px rgba(0,0,0,0.125);
}
}
/* RTL Icon Spacing in Sidebar */
[dir="rtl"] .nav-sidebar .nav-icon {
margin-left: .2rem !important;
margin-right: 0 !important;
}

70
staticfiles/css/custom.css
View File

@ -213,4 +213,74 @@ body.model-platformprofile label[for="id_admin_panel_logo"] {
.admindatefilter .controls {
display: inline-flex !important;
align-items: center !important;
}
/* --- Search Box RTL/LTR Border Radius Handling --- */
/* LTR (Default) */
.masar-search-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.masar-search-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* RTL Override */
[dir="rtl"] .masar-search-input {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="rtl"] .masar-search-btn {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* --- Admin Panel RTL Sidebar Override (Force Right Side) --- */
@media (min-width: 992px) {
[dir="rtl"] .main-sidebar {
left: auto !important;
right: 0 !important;
}
[dir="rtl"] .content-wrapper,
[dir="rtl"] .main-header,
[dir="rtl"] .main-footer {
margin-left: 0 !important;
margin-right: 250px !important;
}
/* Collapsed State */
[dir="rtl"].sidebar-collapse .content-wrapper,
[dir="rtl"].sidebar-collapse .main-header,
[dir="rtl"].sidebar-collapse .main-footer {
margin-right: 4.6rem !important;
margin-left: 0 !important;
}
/* Fix Brand Logo Area */
[dir="rtl"] .brand-link {
float: right;
}
}
/* Mobile Sidebar Fix for RTL */
@media (max-width: 991.98px) {
/* Usually Jazzmin handles mobile via overlay, checking if we need to flip slide direction */
/* For now, ensuring sidebar stays hidden off-screen properly might be needed */
[dir="rtl"] .main-sidebar {
box-shadow: -3px 0 8px rgba(0,0,0,0.125);
}
}
/* RTL Icon Spacing in Sidebar */
[dir="rtl"] .nav-sidebar .nav-icon {
margin-left: .2rem !important;
margin-right: 0 !important;
}