onCollapseToggle: (id: string, status: TreeItemStatus) => void;
}
-type CssRules = 'root' | 'cardSubheader' | 'nameHeader' | 'fileSizeHeader' | 'uploadIcon';
+type CssRules = 'root' | 'cardSubheader' | 'nameHeader' | 'fileSizeHeader' | 'uploadIcon' | 'button';
const styles: StyleRulesCallback<CssRules> = theme => ({
root: {
},
uploadIcon: {
transform: 'rotate(180deg)'
+ },
+ button: {
+ marginRight: -theme.spacing.unit,
+ marginTop: '0px'
}
});
<Card className={classes.root}>
<CardHeader
title="Files"
+ classes={{ action: classes.button }}
action={
<Button onClick={onUploadDataClick}
variant='raised'
color='primary'
size='small'>
- <DownloadIcon className={classes.uploadIcon}/>
+ <DownloadIcon className={classes.uploadIcon} />
Upload data
</Button>
} />
<CardHeader
className={classes.cardSubheader}
action={
- <Tooltip title="More options">
+ <Tooltip title="More options" disableFocusListener>
<IconButton onClick={onOptionsMenuOpen}>
<CustomizeTableIcon />
</IconButton>