mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-10 07:25:44 +01:00
started impementation of wordbreak for table
This commit is contained in:
@@ -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} />
|
||||||
|
|||||||
Reference in New Issue
Block a user