imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added styling

Browse source
This commit is contained in:
Šimon Brandner 2020-11-29 12:29:05 +01:00
parent f0bbed0c44
commit 8f40cd39fd
4 changed files with 44 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/views/settings/SpellCheckSettings.tsx
View file

@ -43,8 +43,8 @@ export class ExistingSpellCheckLanguage extends React.Component<ExistingSpellChe
render() {
return (
<div className="mx_ExistingSpellCheckerLanguage">
<span className="mx_ExistingSpellCheckerLanguage_language">{this.props.language}</span>
<div className="mx_ExistingSpellCheckLanguage">
<span className="mx_ExistingSpellCheckLanguage_language">{this.props.language}</span>
<AccessibleButton onClick={this._onRemove} kind="danger_sm">
{_t("Remove")}
</AccessibleButton>
@ -96,10 +96,9 @@ export default class SpellCheckLanguages extends React.Component<SpellCheckLangu
);
return (
<div className="mx_SpellCheckerLanguages">
<div className="mx_SpellCheckLanguages">
{existingSpellCheckLanguages}
<form onSubmit={this._onAddClick} noValidate={true}
className="mx_mx_SpellCheckerLanguages_new">
<form onSubmit={this._onAddClick} noValidate={true}>
<LanguageDropdown className="mx_GeneralUserSettingsTab_spellCheckLanguageInput"
value={this.state.newLanguage}
onOptionChange={this._onNewLanguageChange} />

7
src/components/views/settings/tabs/user/GeneralUserSettingsTab.js
View file

@ -313,11 +313,10 @@ export default class GeneralUserSettingsTab extends React.Component {
_renderSpellCheckSection() {
return (
<div className="mx_SettingsTab_section">
<div className="mx_SettingsTab_section">
<span className="mx_SettingsTab_subheading">{_t("Spell checking")}</span>
<SpellCheckSettings className="mx_GeneralUserSettingsTab_spellCheckLanguageInput"
languages={this.state.spellCheckLanguages}
onLanguagesChange={this._onSpellCheckLanguagesChange} />
<SpellCheckSettings languages={this.state.spellCheckLanguages}
onLanguagesChange={this._onSpellCheckLanguagesChange} />
</div>
);
}