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

main
Thibaut Girka 6 years ago committed by ThibG
parent 5f308a7f05
commit 26409f3e8e

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

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

Loading…
Cancel
Save