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.
This commit is contained in:
parent
a03d8a147f
commit
928f000b4b
|
@ -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"),
|
||||
|
|
|
@ -345,6 +345,10 @@
|
|||
padding-bottom: 0;
|
||||
margin-top: 18px;
|
||||
min-height: 35px;
|
||||
|
||||
.input-setting-textarea {
|
||||
height: unset;
|
||||
}
|
||||
}
|
||||
.setting-label {
|
||||
width: 25%;
|
||||
|
|
Loading…
Reference in New Issue