import { FederationConfig, getNavUrl } from 'routes/routes';
import { RootState } from 'store/store';
-type CssRules = 'root' | 'wordWrap' | 'logText';
+type CssRules = 'root' | 'wordWrapOn' | 'wordWrapOff' | 'logText';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
root: {
logText: {
padding: `0 ${theme.spacing.unit * 0.5}px`,
},
- wordWrap: {
- whiteSpace: 'pre-wrap',
+ wordWrapOn: {
+ overflowWrap: 'anywhere',
+ },
+ wordWrapOff: {
+ whiteSpace: 'nowrap',
},
});
}
}}>
{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>
)}