Merge pull request #2161 from nocodb/fix/vazirmatn

fix: include all v-app but exclude material-icons

packages/nc-gui/assets/css/global.css

@@ -37,6 +37,10 @@ body {
 Apply Vazirmatn for rtl
 */
 
-.rtl .v-application .v-application--wrap * {
+.rtl .v-application *:not(.material-icons) {
 	font-family: Vazirmatn !important;
+}
+
+.rtl .v-application .ml-n1 {
+	margin-left: 0px !important;
 }

packages/nc-gui/components/utils/Language.vue

@@ -90,8 +90,11 @@ export default {
   },
   methods: {
     applyDirection() {
-      document.body.classList.add(this.isRtlLang() ? "rtl" : "ltr");
-      document.body.style.direction = this.isRtlLang() ? "rtl" : "ltr";
+      const targetDirection = this.isRtlLang() ? 'rtl' : 'ltr'
+      const oppositeDirection = targetDirection == 'ltr' ? 'rtl' : 'ltr'
+      document.body.classList.remove(oppositeDirection)
+      document.body.classList.add(targetDirection)
+      document.body.style.direction = targetDirection
     },
     isRtlLang() {
       return ['fa'].includes(this.language)

packages/nc-gui/lang/fa.json

@@ -156,7 +156,7 @@
     "userMgmt": "مدیریت کاربران",
     "apiTokenMgmt": "مدیریت توکن‌های API",
     "rolesMgmt": "مدیریت نقش‌ها",
-    "projMeta": "فرداده‌های پروژه",
+    "projMeta": "فراداده‌های پروژه",
     "metaMgmt": "فرا مدیریت",
     "metadata": "فراداده",
     "exportImportMeta": "ورود و خروج فراداده",
@@ -460,7 +460,7 @@
       "loginMsg": "ورود به NocoDB",
       "passwordRecovery": {
         "message_1": "لطفا پست الکترونیکی خود را که در هنگام ثبت نام استفاده کردید وارد کنید.",
-        "message_2": "ما یک لینک جهت تغییر کلمه عبور به پست الکترونیکی شما ارسال خواهیم‌کرد.",
+        "message_2": "ما یک لینک جهت تغییر کلمه عبور به پست الکترونیکی شما ارسال خواهیم کرد.",
         "success": "لطفا برای تغییر کلمه عبور به پست الکترونیکی خود مراجعه کنید"
       },
       "signUp": {

packages/nc-gui/mixins/device.js

@@ -51,6 +51,10 @@ export default {
       const browserLan = (navigator.languages || [navigator.language || navigator.userLanguage || 'en']).map(v => v.toLowerCase())
       return zhLan.some(l => browserLan.includes(l))
     },
+    _isRtl() {
+      const rtl = ['fa']
+      return rtl.includes(this.$store.state.settings.language)
+    },
     ...mapGetters({
       _isUIAllowed: 'users/GtrIsUIAllowed',
       projectName: 'project/GtrProjectName',

packages/nc-gui/pages/projects/index.vue

@@ -436,7 +436,16 @@
               mdi-github
             </v-icon>
           </v-list-item-icon>
-          <v-list-item-title>
+          <v-list-item-title v-if="_isRtl">
+            <!-- us on Github -->
+            {{ $t("labels.community.starUs2") }}
+            <!-- Star -->
+            {{ $t("labels.community.starUs1") }}
+            <v-icon small>
+              mdi-star-outline
+            </v-icon>
+          </v-list-item-title>
+          <v-list-item-title v-else>
             <!-- Star -->
             {{ $t("labels.community.starUs1") }}
             <v-icon small>