Enable full support for Arabic language with RTL layouts and performance tests

Adds RTLProvider component, CSS styles, and PerformanceBenchmark component for Arabic support.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c5f0c281-8dd8-4846-b452-4a07bcd21062
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/9777c70b-fc38-4831-8d6b-78dfffe041b0/e30af87a-6b1f-4210-9add-1f060bd1d9e3.jpg
This commit is contained in:
ghaddaditw
2025-06-08 07:48:22 +00:00
parent 66bbfad3bc
commit bd4eac2a73
4 changed files with 594 additions and 18 deletions
+72
View File
@@ -38,6 +38,78 @@
--sidebar-ring: 222 84% 5%;
}
/* Arabic RTL Support */
[dir="rtl"] {
direction: rtl;
text-align: right;
}
[dir="rtl"] .text-left {
text-align: right;
}
[dir="rtl"] .text-right {
text-align: left;
}
[dir="rtl"] .ml-auto {
margin-left: 0;
margin-right: auto;
}
[dir="rtl"] .mr-auto {
margin-right: 0;
margin-left: auto;
}
[dir="rtl"] .pl-4 {
padding-left: 0;
padding-right: 1rem;
}
[dir="rtl"] .pr-4 {
padding-right: 0;
padding-left: 1rem;
}
/* Arabic font optimization */
.arabic-text {
font-family: 'Noto Sans Arabic', 'Arial', sans-serif;
font-feature-settings: "liga" 1, "calt" 1;
text-rendering: optimizeLegibility;
}
/* Adaptive theme CSS variables for dynamic colors */
.adaptive-theme-vars {
--adaptive-primary: var(--primary);
--adaptive-secondary: var(--secondary);
--adaptive-accent: var(--accent);
--adaptive-background: var(--background);
--adaptive-foreground: var(--foreground);
--adaptive-muted: var(--muted);
--adaptive-muted-foreground: var(--muted-foreground);
--adaptive-border: var(--border);
--adaptive-card: var(--card);
--adaptive-card-foreground: var(--card-foreground);
}
/* Performance optimizations */
.scroll-smooth {
scroll-behavior: smooth;
}
.gpu-accelerated {
transform: translateZ(0);
will-change: transform;
}
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dark {
--background: 222 84% 5%;
--foreground: 210 40% 98%;