PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Add new line in settings label (#7451)

Browse source
This commit is contained in:
Timo 2022-01-04 10:57:29 +01:00 committed by GitHub
parent b6c2b5c995
commit f4a94f6e7f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
res/css/views/elements/_SettingsFlag.scss
View file

@ -17,7 +17,7 @@ limitations under the License.
.mx_SettingsFlag {
display: flex;
flex-direction: row;
align-items: center;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 4px;
@ -33,6 +33,7 @@ limitations under the License.
font-size: $font-14px;
color: $primary-content;
padding-right: 10px;
padding-top: 4px;
}
.mx_SettingsFlag_microcopy {

4
src/components/views/elements/SettingsFlag.tsx
View file

@ -96,9 +96,9 @@ export default class SettingsFlag extends React.Component<IProps, IState> {
<div className="mx_SettingsFlag">
<label className="mx_SettingsFlag_label">
<span className="mx_SettingsFlag_labelText">{ label }</span>
{ description && <span className="mx_SettingsFlag_microcopy">
{ description && <div className="mx_SettingsFlag_microcopy">
{ description }
</span> }
</div> }
</label>
<ToggleSwitch
checked={this.state.value}