Add support for hints (or extended descriptions) in local-settings pages

This commit is contained in:
Thibaut Girka 2018-10-01 22:11:11 +02:00 committed by ThibG
parent 5f308a7f05
commit 26409f3e8e
2 changed files with 7 additions and 0 deletions

View File

@ -17,6 +17,7 @@ export default class LocalSettingsPageItem extends React.PureComponent {
options: PropTypes.arrayOf(PropTypes.shape({
value: PropTypes.string.isRequired,
message: PropTypes.string.isRequired,
hint: PropTypes.string,
})),
settings: ImmutablePropTypes.map.isRequired,
placeholder: PropTypes.string,
@ -62,6 +63,7 @@ export default class LocalSettingsPageItem extends React.PureComponent {
disabled={!enabled}
/>
{opt.message}
{opt.hint && <span class='hint'>{opt.hint}</span>}
</label>
);
});

View File

@ -28,6 +28,11 @@
}
}
span.hint {
display: block;
color: $lighter-text-color;
}
h1 {
font-size: 18px;
font-weight: 500;