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

Fix RTL sidebar icon alignment (move to right)

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-01 06:55:26 +00:00
parent ceaa26d36c
commit 28595c8f0f
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
static/css/custom_v2.css
View File

@ -320,9 +320,9 @@ body.model-platformprofile label[for="id_admin_panel_logo"] {
/* Sidebar Navigation Items RTL */
[dir="rtl"] .nav-sidebar .nav-item > .nav-link {
display: flex;
flex-direction: row-reverse; /* Flip icon and text */
justify-content: flex-end;
display: flex !important;
flex-direction: row !important; /* Standard flow: RTL = Start(Right) to End(Left) */
align-items: center !important;
}
[dir="rtl"] .nav-sidebar .nav-icon {
@ -331,21 +331,18 @@ body.model-platformprofile label[for="id_admin_panel_logo"] {
}
[dir="rtl"] .nav-sidebar .nav-link p {
display: inline-block;
margin-right: 0;
text-align: right;
width: 100%;
display: inline-block !important;
margin-right: 0 !important;
text-align: right !important;
width: 100% !important;
}
/* Fix sidebar angle icon (arrow) */
[dir="rtl"] .nav-sidebar .nav-icon.fa-angle-left {
transform: rotate(180deg);
margin-left: 0 !important;
margin-right: auto !important; /* Push to the far left of the item (which is visually right?) No, row-reverse makes start=right. */
margin-right: auto !important; /* Push to the far left */
}
/* Actually, standard AdminLTE puts the arrow at the end.
With flex-direction: row-reverse, the "end" is the visual left.
*/
/* General Utils */
[dir="rtl"] .float-right {
@ -359,4 +356,4 @@ body.model-platformprofile label[for="id_admin_panel_logo"] {
}
[dir="rtl"] .text-left {
text-align: right !important;
}
}