From 2ab1bf6e111d32caea14b55b46d00ad83199239b Mon Sep 17 00:00:00 2001
From: Abe Jellinek <jellinek@berkeley.edu>
Date: Wed, 10 Jan 2024 12:01:54 -0500
Subject: [PATCH] RTL: Put creator commas on left, use locale character

---
 chrome/content/zotero/elements/itemBox.js | 3 +++
 scss/elements/_itemBox.scss               | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/chrome/content/zotero/elements/itemBox.js b/chrome/content/zotero/elements/itemBox.js
index 6f642652d9..f5e1d24393 100644
--- a/chrome/content/zotero/elements/itemBox.js
+++ b/chrome/content/zotero/elements/itemBox.js
@@ -225,6 +225,9 @@
 			Zotero.Prefs.registerObserver('fontSize', () => {
 				this.refresh();
 			});
+			
+			this.style.setProperty('--comma-character',
+				"'" + Zotero.getString('punctuation.comma') + "'");
 		}
 		
 		destroy() {
diff --git a/scss/elements/_itemBox.scss b/scss/elements/_itemBox.scss
index d4d02c7f1f..a0d305c849 100644
--- a/scss/elements/_itemBox.scss
+++ b/scss/elements/_itemBox.scss
@@ -193,9 +193,9 @@ item-box {
 		*[fieldMode="0"]:first-child {
 			position: relative;
 			&::after {
-				content: ",";
+				content: var(--comma-character, ',');
 				position: absolute;
-				right: 0;
+				inset-inline-end: 0;
 				bottom: var(--editable-text-padding-block);
 			}
 			&.focused::after {