Hide file description also on tablet sizes, force file size to be one line

This commit is contained in:
Florian Scholdei
2019-12-11 23:15:52 +01:00
parent aa4f3d4eaf
commit 5ac88162ce
2 changed files with 7 additions and 3 deletions

View File

@@ -16,6 +16,10 @@ const MinWidthTd = styled.td`
min-width: 10em;
`;
const NoWrapTd = styled.td`
white-space: nowrap;
`;
export function createLink(base: string, file: File) {
let link = base;
if (file.path) {
@@ -67,11 +71,11 @@ export default class FileTreeLeaf extends React.Component<Props> {
<tr>
<td>{this.createFileIcon(file)}</td>
<MinWidthTd className="is-word-break">{this.createFileName(file)}</MinWidthTd>
<td className="is-hidden-mobile">{fileSize}</td>
<NoWrapTd className="is-hidden-mobile">{fileSize}</NoWrapTd>
<td className="is-hidden-mobile">
<DateFromNow date={file.lastModified} />
</td>
<MinWidthTd className={classNames("is-word-break", "is-hidden-mobile")}>{file.description}</MinWidthTd>
<MinWidthTd className={classNames("is-word-break", "is-hidden-touch")}>{file.description}</MinWidthTd>
{binder.hasExtension("repos.sources.tree.row.right") && (
<td className="is-hidden-mobile">
{!file.directory && (