me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/flavours/glitch/features/local_settings/page/item/index.js
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>
);
});

5
app/javascript/flavours/glitch/styles/components/local_settings.scss
View file

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