From 341dd5930e20b76f3b7be26901607f5050a9a12d Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Sun, 7 Dec 2025 20:43:14 +0000
Subject: [PATCH] settings: force LTR always

since it's untranslatable for now.
---
 html/admin.html        | 2 +-
 ts/modules/settings.ts | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/html/admin.html b/html/admin.html
index 980efa4..ea8fff4 100644
--- a/html/admin.html
+++ b/html/admin.html
@@ -929,7 +929,7 @@
                             <span class="button ~urge @low unfocused gap-1" id="settings-save"><i class="icon ri-save-line"></i>{{ .strings.settingsSave }}</span>
                         </div>
                     </div>
-                    <div class="flex flex-col md:flex-row gap-3">
+                    <div class="flex flex-col md:flex-row gap-3" style="direction: ltr;">
                         <div class="@low dark:~d_neutral flex md:flex flex-col gap-2" id="settings-sidebar">
                             <div class="flex flex-row justify-between">
                                 <input type="search" class="field ~neutral @low input settings-section-button justify-between" id="settings-search" placeholder="{{ .strings.search }}">
diff --git a/ts/modules/settings.ts b/ts/modules/settings.ts
index 5a0b5a1..580a2f1 100644
--- a/ts/modules/settings.ts
+++ b/ts/modules/settings.ts
@@ -1230,7 +1230,7 @@ export class settingsList {
         // Create (restart)required badges (can't do on load as window.lang is unset)
         RestartRequiredBadge = (() => {
             const rr = document.createElement("span");
-            rr.classList.add("tooltip", "below");
+            rr.classList.add("tooltip", "below", "force-ltr");
             rr.innerHTML = `
                 <span class="badge ~info dark:~d_warning align-[0.08rem]"><i class="icon ri-refresh-line h-full"></i></span>
                 <span class="content sm">${window.lang.strings("restartRequired")}</span>
@@ -1240,7 +1240,7 @@ export class settingsList {
         })();
         RequiredBadge = (() => {
             const r = document.createElement("span");
-            r.classList.add("tooltip", "below");
+            r.classList.add("tooltip", "below", "force-ltr");
             r.innerHTML = `
                 <span class="badge ~critical align-[0.08rem]"><i class="icon ri-asterisk h-full"></i></span>
                 <span class="content sm">${window.lang.strings("required")}</span>
@@ -1303,7 +1303,7 @@ export class settingsList {
                 } else {
                     if (section.section == "messages" || section.section == "user_page") {
                         const editButton = document.createElement("div");
-                        editButton.classList.add("tooltip", "left", "h-full");
+                        editButton.classList.add("tooltip", "left", "h-full", "force-ltr");
                         editButton.innerHTML = `
                         <span class="button ~neutral @low h-full">
                             <i class="icon ri-edit-line"></i>
@@ -1341,7 +1341,7 @@ export class settingsList {
                         this.addSection(section.section, section, icon);
                     } else if (section.section == "matrix" && !window.matrixEnabled) {
                         const addButton = document.createElement("div");
-                        addButton.classList.add("tooltip", "left", "h-full");
+                        addButton.classList.add("tooltip", "left", "h-full", "force-ltr");
                         addButton.innerHTML = `
                         <span class="button ~neutral h-full"><i class="icon ri-links-line"></i></span>
                         <span class="content sm">