From 05c8508d303e92761a285e9bf9f62ea2812e35dc Mon Sep 17 00:00:00 2001
From: Mazdak Gibran <141390141+mazdakgibran@users.noreply.github.com>
Date: Fri, 23 Jan 2026 17:08:09 +0500
Subject: [PATCH] arabic right to left alignment

arabic right to left alignment,
---
 src/app/authenticate/login/login.component.ts |  5 ++
 src/app/utils/app.constants.ts                |  4 +-
 src/assets/css/app.min.css                    | 67 +++++++++++++++++++
 3 files changed, 74 insertions(+), 2 deletions(-)

diff --git a/src/app/authenticate/login/login.component.ts b/src/app/authenticate/login/login.component.ts
index cc41c09..ee2488b 100644
--- a/src/app/authenticate/login/login.component.ts
+++ b/src/app/authenticate/login/login.component.ts
@@ -90,6 +90,11 @@ export class LoginComponent {
       this.direction = directions.RTL;
       this.storageService.setItem('direction', this.direction);
     }
+    if (typeof document !== 'undefined') {
+    document.documentElement.setAttribute('dir', this.direction);
+    document.documentElement.setAttribute('lang', 
+      this.direction === directions.RTL ? 'ar' : 'en');
+  }
   }
 
   initializeLoginForm() {
diff --git a/src/app/utils/app.constants.ts b/src/app/utils/app.constants.ts
index 6bce9d8..b7bc250 100644
--- a/src/app/utils/app.constants.ts
+++ b/src/app/utils/app.constants.ts
@@ -46,6 +46,6 @@ export const EXCEL_FILE_TYPE = 'application/vnd.openxmlformats-officedocument.sp
 
 export const EXCEL_FILE_EXTENSION = '.xlsx';
 
-export const LOGGING_DETAILS_FILE_NAME = 'logging-manager-details';
+export const LOGGING_DETAILS_FILE_NAME = 'Activity-Logs-Details';
 
-export const TRANSACTION_LOGS_FILE_NAME = 'transaction-logs-details';
+export const TRANSACTION_LOGS_FILE_NAME = 'Transaction-Logs-Details';
diff --git a/src/assets/css/app.min.css b/src/assets/css/app.min.css
index 2b886a0..6aed909 100644
--- a/src/assets/css/app.min.css
+++ b/src/assets/css/app.min.css
@@ -3199,6 +3199,73 @@ input[switch="dark"]:checked + label:before {
 .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
   border-right: 1px solid #dee4ef !important;
 }
+
+/* RTL Layout - Main Content Adjustment */
+[dir="rtl"] .main-content {
+  margin-right: 250px !important;
+  margin-left: 0 !important;
+}
+
+[dir="rtl"] .vertical-collpsed .main-content {
+  margin-right: 70px !important;
+  margin-left: 0 !important;
+}
+
+[dir="rtl"] .vertical-menu {
+  left: auto !important;
+  right: 0 !important;
+}
+
+[dir="rtl"] .navbar-brand-box {
+  left: auto !important;
+  right: 0 !important;
+}
+
+[dir="rtl"] #page-topbar {
+  left: auto !important;
+  right: 0 !important;
+}
+
+[dir="rtl"] .footer {
+  left: auto !important;
+  right: 250px !important;
+}
+
+[dir="rtl"] .vertical-collpsed .footer {
+  right: 70px !important;
+  left: auto !important;
+}
+
+/* RTL Sidebar Menu Items */
+[dir="rtl"] #sidebar-menu ul li a {
+  text-align: right;
+}
+
+[dir="rtl"] #sidebar-menu ul li a i {
+  margin-left: 0.5rem;
+  margin-right: 0;
+  float: right;
+}
+
+[dir="rtl"] #sidebar-menu ul li ul.sub-menu li a {
+  padding-right: 3.5rem;
+  padding-left: 1.5rem;
+}
+
+[dir="rtl"] #sidebar-menu .has-arrow:after {
+  float: left;
+}
+
+/* RTL responsive adjustments */
+@media (max-width: 991.98px) {
+  [dir="rtl"] .main-content {
+    margin-right: 0 !important;
+  }
+  
+  [dir="rtl"] .footer {
+    right: 0 !important;
+  }
+}
 .tox .tox-dialog {
   background-color: #fff !important;
 }