Support RTL

piroor · Jan 10, 2025 · f577d45 · f577d45
1 parent 3daa3d7
commit f577d45
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 5 deletions.
diff --git a/common/common.js b/common/common.js
@@ -171,3 +171,25 @@ export function collectAncestors(tabs) {
   }
   return ancestorsOf;
 }
+
+const RTL_LANGUAGES = new Set([
+  'ar',
+  'he',
+  'fa',
+  'ur',
+  'ps',
+  'sd',
+  'ckb',
+  'prs',
+  'rhg',
+]);
+
+export function isRTL() {
+  const lang = (
+    navigator.language ||
+    navigator.userLanguage ||
+    //(new Intl.DateTimeFormat()).resolvedOptions().locale ||
+    ''
+  ).split('-')[0];
+  return RTL_LANGUAGES.has(lang);
+}
diff --git a/options/init.js b/options/init.js
@@ -7,7 +7,8 @@
 
 import {
   log,
-  configs
+  configs,
+  isRTL,
 } from '/common/common.js';
 import * as Permissions from '/common/permissions.js';
 import Options from '/extlib/Options.js';
@@ -32,6 +33,7 @@ function onConfigChanged(key) {
 
 configs.$addObserver(onConfigChanged);
 window.addEventListener('DOMContentLoaded', async () => {
+  document.documentElement.classList.toggle('rtl', isRTL());
   await configs.$loaded;
 
   gFormatRows = document.querySelector('#copyToClipboardFormatsRows');

diff --git a/options/options.css b/options/options.css
@@ -11,6 +11,10 @@
   opacity: 0;
 }
 
+:root.rtl {
+  direction: rtl;
+}
+
 p, ul {
   margin: 0 0 0.5em 0;
   padding: 0;

diff --git a/submodules/webextensions-lib-configs b/submodules/webextensions-lib-configs
diff --git a/submodules/webextensions-lib-l10n b/submodules/webextensions-lib-l10n
diff --git a/submodules/webextensions-lib-options b/submodules/webextensions-lib-options
diff --git a/submodules/webextensions-lib-rich-confirm b/submodules/webextensions-lib-rich-confirm
+0 −3		.eslintignore
+0 −66		.eslintrc.js
+1 −1		.github/workflows/main.yml
+2 −2		Makefile
+2 −0		README.md
+249 −100		RichConfirm.js
+76 −0		eslint.config.mjs
+6 −3		package.json