Merge pull request 'arabic right to left alignment' (#47) from mazdak/UX-2135 into dev-pending-20-01-2026

Reviewed-on: https://ct.mfsys.com.pk/aConnect/aConnect-UX/pulls/47

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() {

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';

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;
 }