},
},
logText: {
- padding: `0 ${theme.spacing.unit*0.5}px`,
+ padding: `0 ${theme.spacing.unit * 0.5}px`,
},
- wordWrap: {
- whiteSpace: 'pre-wrap',
+ wordWrapOn: {
+ overflowWrap: 'anywhere',
+ },
+ wordWrapOff: {
+ whiteSpace: 'nowrap',
},
});
setFollowMode(false);
}
}}>
- { lines.map((line: string, index: number) =>
- <Typography key={index} component="span"
- className={classNames(classes.logText, wordWrap ? classes.wordWrapOn : classes.wordWrapOff)}>
- {renderLinks(fontSize, auth, dispatch)(line)}
- </Typography>
- ) }
+ {lines.map((line: string, index: number) =>
- <Typography key={index} component="pre"
- className={classNames(classes.logText, wordWrap ? classes.wordWrap : undefined)}>
++ <Typography key={index} component="span"
++ className={classNames(classes.logText, wordWrap ? classes.wordWrapOn : classes.wordWrapOff)}>
+ {renderLinks(fontSize, auth, dispatch)(line)}
+ </Typography>
+ )}
</div>
</MuiThemeProvider>
}));