FIX: Use <textarea> for theme translations (#14322)

FIX: Use 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.

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 000e1d3..959151d 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 523386e..8954f92 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%;

GitHub sha: 928f000b4b788be8501468e5ee6373f27f7a3241

This commit appears in #14322 which was approved by eviltrout. It was merged by davidtaylorhq.