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")
|
@discourseComputed("model.translations")
|
||||||
translations(translations) {
|
translations(translations) {
|
||||||
return translations.map((setting) => ThemeSettings.create(setting));
|
return translations.map((setting) =>
|
||||||
|
ThemeSettings.create({ ...setting, textarea: true })
|
||||||
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
hasTranslations: notEmpty("translations"),
|
hasTranslations: notEmpty("translations"),
|
||||||
|
|
|
@ -345,6 +345,10 @@
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
margin-top: 18px;
|
margin-top: 18px;
|
||||||
min-height: 35px;
|
min-height: 35px;
|
||||||
|
|
||||||
|
.input-setting-textarea {
|
||||||
|
height: unset;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.setting-label {
|
.setting-label {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
|
|
Loading…
Reference in New Issue