projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
16243: Added reducer changes in order to make file download valid
[arvados-workbench2.git]
/
src
/
components
/
text-field
/
text-field.tsx
diff --git
a/src/components/text-field/text-field.tsx
b/src/components/text-field/text-field.tsx
index 4788e18c51df5824608fdfc8e7793f07a1d2288a..1cf9a81d28b497817bf3720f6f53550dea539872 100644
(file)
--- a/
src/components/text-field/text-field.tsx
+++ b/
src/components/text-field/text-field.tsx
@@
-15,12
+15,23
@@
import {
import RichTextEditor from 'react-rte';
import Margin = PropTypes.Margin;
import RichTextEditor from 'react-rte';
import Margin = PropTypes.Margin;
-type CssRules = 'textField';
+type CssRules = 'textField'
| 'rte'
;
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
textField: {
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
textField: {
- marginBottom: theme.spacing.unit
* 3
+ marginBottom: theme.spacing.unit
},
},
+ rte: {
+ fontFamily: 'Arial',
+ '& a': {
+ textDecoration: 'none',
+ color: theme.palette.primary.main,
+ '&:hover': {
+ cursor: 'pointer',
+ textDecoration: 'underline'
+ }
+ }
+ }
});
type TextFieldProps = WrappedFieldProps & WithStyles<CssRules>;
});
type TextFieldProps = WrappedFieldProps & WithStyles<CssRules>;
@@
-67,6
+78,7
@@
export const RichEditorTextField = withStyles(styles)(
render() {
return <RichTextEditor
render() {
return <RichTextEditor
+ className={this.props.classes.rte}
value={this.state.value}
onChange={this.onChange}
placeholder={this.props.label} />;
value={this.state.value}
onChange={this.onChange}
placeholder={this.props.label} />;