WIP: Arabic localization.|

client/src/style/App.scss

@@ -171,7 +171,7 @@ body.hide-scrollbar .Pane2 {
   width: 1em;
   fill: currentColor;
 }
-
+.ReactVirtualized__Grid, .ReactVirtualized__List { direction: inherit !important; }
 /* List default theme */
 
 .ReactVirtualized__List {
@@ -180,4 +180,12 @@ body.hide-scrollbar .Pane2 {
 
 .bp3-drawer{
   box-shadow: 0 0 0;
-}
+}
+
+// RTL Icons.
+html[dir="rtl"] {
+
+  .bp3-icon-caret-right{
+    transform: scaleX(-1);
+  }
+}

client/src/style/components/DataTable/DataTableEmptyStatus.scss

@@ -14,12 +14,20 @@
     margin-right: auto;
     margin-top: 0;
     line-height: 1.4;
+
+    html[lang='ar'] & {
+      font-size: 22px;
+    }
   }
   &__desc {
     font-size: 16px;
     color: #1f3255;
     opacity: 0.8;
     line-height: 1.6;
+
+    html[lang='ar'] & {
+      font-size: 18px;
+    }
   }
   &__actions {
     margin-top: 26px;

client/src/style/containers/Dashboard/Sidebar.scss

@@ -168,6 +168,11 @@
         text-transform: uppercase;
         font-weight: 500;
         letter-spacing: 1px;
+
+        html[lang="ar"] &{
+          font-size: 12px;
+          letter-spacing: 0;
+        }
       }
 
       &:hover .bp3-button.menu-item__add-btn {

client/src/style/objects/typography.scss

@@ -2,6 +2,10 @@
 
 body{
   color: #1f3255;
+
+  [lang='ar'] &{
+    font-size: 15px;
+  }
 }
 
 .#{$ns}-heading{

client/src/style/pages/Dashboard/Dashboard.scss

@@ -124,6 +124,8 @@ $dashboard-views-bar-height: 45px;
 
     a {
       margin: auto 0;
+       /*!rtl:ignore*/
+      direction: ltr;
     }
   }
 
@@ -460,6 +462,9 @@ $dashboard-views-bar-height: 45px;
   .button--new-view {
     margin: 0;
     height: $dashboard-views-bar-height;
+    min-width: 35px;
+    padding-left: 5px;
+    padding-right: 5px;
 
     &,
     &:hover,