fix: handle existing direction

3 years ago · fa7da4c43d
1 changed files with 5 additions and 2 deletions
--- a/packages/nc-gui/components/utils/Language.vue
+++ b/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)