started impementation of wordbreak for table

This commit is contained in:
Florian Scholdei
2018-12-12 17:14:21 +01:00
parent 8ecb64a8aa
commit 9b1de3cfb4

View File

@@ -10,6 +10,13 @@ import type { File } from "@scm-manager/ui-types";
const styles = { const styles = {
iconColumn: { iconColumn: {
width: "16px" width: "16px"
},
wordBreakTable: {
WebkitHyphens: "auto",
MozHyphens: "auto",
MsHyphens: "auto",
hyphens: "auto",
wordBreak: "auto"
} }
}; };
@@ -71,7 +78,7 @@ class FileTreeLeaf extends React.Component<Props> {
return ( return (
<tr> <tr>
<td className={classes.iconColumn}>{this.createFileIcon(file)}</td> <td className={classes.iconColumn}>{this.createFileIcon(file)}</td>
<td>{this.createFileName(file)}</td> <td className={classes.wordBreakTable}>{this.createFileName(file)}</td>
<td className="is-hidden-mobile">{fileSize}</td> <td className="is-hidden-mobile">{fileSize}</td>
<td className="is-hidden-mobile"> <td className="is-hidden-mobile">
<DateFromNow date={file.lastModified} /> <DateFromNow date={file.lastModified} />