feat: better support for rtl languages

tolgee · Jan 31, 2024 · 29a9bfa · 29a9bfa
1 parent 70c4f5d
commit 29a9bfa
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/parser/tolgeeTheme.ts b/src/parser/tolgeeTheme.ts
@@ -51,12 +51,14 @@ export const tolgeeThemeBase = EditorView.baseTheme({
     paddingLeft: "8px",
   },
 
-  '*[dir="rtl"] .placeholder-widget': {
-    transform: "scaleX(-1)",
+  // in rtl mode, revert the placeholders direction
+  '*[dir="rtl"] .placeholder-widget.placeholder-tagOpen': {
+    borderRadius: "0px 12px 12px 0px",
+    paddingLeft: "8px",
   },
-
-  '*[dir="rtl"] .placeholder-widget > *': {
-    transform: "scaleX(-1)",
+  '*[dir="rtl"] .placeholder-widget.placeholder-tagClose': {
+    borderRadius: "12px 0px 0px 12px",
+    paddingRight: "8px",
   },
 });