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

master
Thibaut Girka 6 years ago committed by ThibG
parent 5f308a7f05
commit 26409f3e8e
  1. 2
      app/javascript/flavours/glitch/features/local_settings/page/item/index.js
  2. 5
      app/javascript/flavours/glitch/styles/components/local_settings.scss

@ -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>
);
});

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

Loading…
Cancel
Save