Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-09 23:15:43 +01:00
Code Issues Packages Projects Releases Activity

implemented word-break for column

Browse Source
This commit is contained in:
Florian Scholdei
2018-12-14 10:42:20 +01:00
parent 9b1de3cfb4
commit 044a60c7c9
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
scm-ui/src/repos/sources/components/FileTreeLeaf.js
View File

@@ -11,12 +11,13 @@ const styles = {
iconColumn: { iconColumn: {
width: "16px" width: "16px"
}, },
wordBreakTable: { wordBreakColumn: {
WebkitHyphens: "auto", WebkitHyphens: "auto",
MozHyphens: "auto", MozHyphens: "auto",
MsHyphens: "auto", MsHyphens: "auto",
hyphens: "auto", hyphens: "auto",
wordBreak: "auto" wordBreak: "break-all",
minWidth: "10em"
} }
}; };
@@ -78,12 +79,12 @@ 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 className={classes.wordBreakTable}>{this.createFileName(file)}</td> <td className={classes.wordBreakColumn}>{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} />
</td> </td>
<td>{file.description}</td> <td className={classes.wordBreakColumn}>{file.description}</td>
</tr> </tr>
); );
} }