import RichTextEditor from 'react-rte';
import Margin = PropTypes.Margin;
-type CssRules = 'textField';
+type CssRules = 'textField' | 'rte';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
textField: {
marginBottom: theme.spacing.unit * 3
},
+ rte: {
+ fontFamily: 'Arial',
+ '& a': {
+ textDecoration: 'none',
+ color: theme.palette.primary.main,
+ '&:hover': {
+ cursor: 'pointer',
+ textDecoration: 'underline'
+ }
+ }
+ }
});
type TextFieldProps = WrappedFieldProps & WithStyles<CssRules>;
render() {
return <RichTextEditor
+ className={this.props.classes.rte}
value={this.state.value}
onChange={this.onChange}
placeholder={this.props.label} />;