From 928f000b4b788be8501468e5ee6373f27f7a3241 Mon Sep 17 00:00:00 2001
From: David Taylor <david@taylorhq.com>
Date: Mon, 13 Sep 2021 18:57:19 +0100
Subject: [PATCH] FIX: Use <textarea> for theme translations (#14322)

Translations are often multi-line. Using a regular `<input>` doesn't allow newlines, so if you try to edit a multiline theme translation, all the line breaks will be removed.

This commit updates the theme translations UI to use `<textarea>`, just like the core translation editing UI.
---
 .../admin/addon/controllers/admin-customize-themes-show.js    | 4 +++-
 app/assets/stylesheets/common/admin/customize.scss            | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/admin/addon/controllers/admin-customize-themes-show.js b/app/assets/javascripts/admin/addon/controllers/admin-customize-themes-show.js
index 000e1d3fc84..959151d96ed 100644
--- a/app/assets/javascripts/admin/addon/controllers/admin-customize-themes-show.js
+++ b/app/assets/javascripts/admin/addon/controllers/admin-customize-themes-show.js
@@ -146,7 +146,9 @@ export default Controller.extend({
 
   @discourseComputed("model.translations")
   translations(translations) {
-    return translations.map((setting) => ThemeSettings.create(setting));
+    return translations.map((setting) =>
+      ThemeSettings.create({ ...setting, textarea: true })
+    );
   },
 
   hasTranslations: notEmpty("translations"),
diff --git a/app/assets/stylesheets/common/admin/customize.scss b/app/assets/stylesheets/common/admin/customize.scss
index 523386ef977..8954f928985 100644
--- a/app/assets/stylesheets/common/admin/customize.scss
+++ b/app/assets/stylesheets/common/admin/customize.scss
@@ -345,6 +345,10 @@
       padding-bottom: 0;
       margin-top: 18px;
       min-height: 35px;
+
+      .input-setting-textarea {
+        height: unset;
+      }
     }
     .setting-label {
       width: 25%;