From bec15fb9c3931e80d69724316333f7677c83028e Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 20 Mar 2025 17:34:58 +0200
Subject: [PATCH] client/options/appearance/max content width: specify the
 measurement unit inside of the input field

---
 .../type_widgets/options/appearance/max_content_width.ts     | 5 ++++-
 src/public/translations/en/translation.json                  | 3 ++-
 src/public/translations/ro/translation.json                  | 3 ++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts b/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts
index a5b47c8ea..92c88d0f2 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts
@@ -14,7 +14,10 @@ const TPL = `
     <div class="form-group row">
         <div class="col-md-6">
             <label for="max-content-width">${t("max_content_width.max_width_label")}</label>
-            <input id="max-content-width" type="number" min="${MIN_VALUE}" step="10" class="max-content-width form-control options-number-input">
+            <div class="input-group">
+                <input id="max-content-width" type="number" min="${MIN_VALUE}" step="10" class="max-content-width form-control options-number-input">
+                <span class="input-group-text">${t("max_content_width.max_width_unit")}</span>
+            </div>
         </div>
     </div>
 
diff --git a/src/public/translations/en/translation.json b/src/public/translations/en/translation.json
index 3288e8834..0b6b9179c 100644
--- a/src/public/translations/en/translation.json
+++ b/src/public/translations/en/translation.json
@@ -1090,7 +1090,8 @@
   "max_content_width": {
     "title": "Content Width",
     "default_description": "Trilium by default limits max content width to improve readability for maximized screens on wide screens.",
-    "max_width_label": "Max content width in pixels",
+    "max_width_label": "Max content width",
+    "max_width_unit": "pixels",
     "apply_changes_description": "To apply content width changes, click on",
     "reload_button": "reload frontend",
     "reload_description": "changes from appearance options"
diff --git a/src/public/translations/ro/translation.json b/src/public/translations/ro/translation.json
index 9b626d875..32eb97ee1 100644
--- a/src/public/translations/ro/translation.json
+++ b/src/public/translations/ro/translation.json
@@ -772,7 +772,8 @@
   "max_content_width": {
     "apply_changes_description": "Pentru a aplica schimbările de lățime a conținutului, dați click pe",
     "default_description": "În mod implicit Trilium limitează lățimea conținutului pentru a îmbunătăți lizibilitatea pentru ferestrele maximizate pe ecrane late.",
-    "max_width_label": "Lungimea maximă a conținutului în pixeli",
+    "max_width_label": "Lungimea maximă a conținutului",
+    "max_width_unit": "pixeli",
     "reload_button": "reîncarcă interfața",
     "reload_description": "schimbări din opțiunile de afișare",
     "title": "Lățime conținut"