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

outsourced and refactored is-word-break class

Browse Source
This commit is contained in:
Florian Scholdei
2018-12-19 09:47:44 +01:00
parent cf87eba15b
commit d8c5349994
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,12 +12,7 @@ const styles = {
iconColumn: {
width: "16px"
},
wordBreakColumn: {
WebkitHyphens: "auto",
MozHyphens: "auto",
MsHyphens: "auto",
hyphens: "auto",
wordBreak: "break-all",
wordBreakMinWidth: {
minWidth: "10em"
}
};
@@ -80,12 +75,12 @@ class FileTreeLeaf extends React.Component<Props> {
return (
<tr>
<td className={classes.iconColumn}>{this.createFileIcon(file)}</td>
<td className={classes.wordBreakColumn}>{this.createFileName(file)}</td>
<td className={classNames(classes.wordBreakMinWidth, "is-word-break")}>{this.createFileName(file)}</td>
<td className="is-hidden-mobile">{fileSize}</td>
<td className="is-hidden-mobile">
<DateFromNow date={file.lastModified} />
</td>
<td className={classNames(classes.wordBreakColumn, "is-hidden-mobile")}>
<td className={classNames(classes.wordBreakMinWidth, "is-word-break", "is-hidden-mobile")}>
{file.description}
</td>
</tr>