OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Add new line in settings label (#7451)

pull/21833/head
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 { .mx_SettingsFlag {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
margin-bottom: 4px; margin-bottom: 4px;
@ -33,6 +33,7 @@ limitations under the License.
font-size: $font-14px; font-size: $font-14px;
color: $primary-content; color: $primary-content;
padding-right: 10px; padding-right: 10px;
padding-top: 4px;
} }
.mx_SettingsFlag_microcopy { .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"> <div className="mx_SettingsFlag">
<label className="mx_SettingsFlag_label"> <label className="mx_SettingsFlag_label">
<span className="mx_SettingsFlag_labelText">{ label }</span> <span className="mx_SettingsFlag_labelText">{ label }</span>
{ description && <span className="mx_SettingsFlag_microcopy"> { description && <div className="mx_SettingsFlag_microcopy">
{ description } { description }
</span> } </div> }
</label> </label>
<ToggleSwitch <ToggleSwitch
checked={this.state.value} checked={this.state.value}