Support RTL

Author: piroor

webextensions/common/common.js

@@ -40,3 +40,24 @@ function nextFrame() {
   });
 }
 
+const RTL_LANGUAGES = new Set([
+  'ar',
+  'he',
+  'fa',
+  'ur',
+  'ps',
+  'sd',
+  'ckb',
+  'prs',
+  'rhg',
+]);
+
+function isRTL() {
+  const lang = (
+    navigator.language ||
+    navigator.userLanguage ||
+    //(new Intl.DateTimeFormat()).resolvedOptions().locale ||
+    ''
+  ).split('-')[0];
+  return RTL_LANGUAGES.has(lang);
+}

webextensions/options/init.js

@@ -71,6 +71,7 @@ function actionCheckboxes(params) {
 }
 
 window.addEventListener('DOMContentLoaded', async () => {
+  document.documentElement.classList.toggle('rtl', isRTL());
   await configs.$loaded;
   configs.$addObserver(onConfigChanged);
 

webextensions/options/options.css

@@ -11,6 +11,10 @@
   opacity: 0;
 }
 
+:root.rtl {
+  direction: rtl;
+}
+
 p, ul {
   margin: 0 0 0.5em 0;
   padding: 0;