From 7947234ddab640d715612aa23f86ce44668c114a Mon Sep 17 00:00:00 2001 From: Pawel Kowalczyk Date: Wed, 19 Sep 2018 11:30:43 +0200 Subject: [PATCH] upload icon Feature #14041 Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk --- .../collection-panel-files/collection-panel-files.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/collection-panel-files/collection-panel-files.tsx b/src/components/collection-panel-files/collection-panel-files.tsx index 341aa5ac..d08d36d6 100644 --- a/src/components/collection-panel-files/collection-panel-files.tsx +++ b/src/components/collection-panel-files/collection-panel-files.tsx @@ -8,6 +8,7 @@ import { FileTreeData } from '../file-tree/file-tree-data'; import { FileTree } from '../file-tree/file-tree'; import { IconButton, Grid, Typography, StyleRulesCallback, withStyles, WithStyles, CardHeader, Card, Button, Tooltip } from '@material-ui/core'; import { CustomizeTableIcon } from '../icon/icon'; +import { DownloadIcon } from '~/components/icon/icon'; export interface CollectionPanelFilesProps { items: Array>; @@ -18,7 +19,7 @@ export interface CollectionPanelFilesProps { onCollapseToggle: (id: string, status: TreeItemStatus) => void; } -type CssRules = 'root' | 'cardSubheader' | 'nameHeader' | 'fileSizeHeader'; +type CssRules = 'root' | 'cardSubheader' | 'nameHeader' | 'fileSizeHeader' | 'uploadIcon'; const styles: StyleRulesCallback = theme => ({ root: { @@ -33,6 +34,9 @@ const styles: StyleRulesCallback = theme => ({ }, fileSizeHeader: { marginRight: '65px' + }, + uploadIcon: { + transform: 'rotate(180deg)' } }); @@ -47,6 +51,7 @@ export const CollectionPanelFiles = variant='raised' color='primary' size='small'> + Upload data } /> -- 2.30.2