[ARVADOS-WORKBENCH2] created: 1.2.0-308-ge338eb0
Git user
git at public.curoverse.com
Thu Sep 6 09:48:03 EDT 2018
at e338eb09636536bea98e4034481ef723ece42fe9 (commit)
commit e338eb09636536bea98e4034481ef723ece42fe9
Author: Pawel Kowalczyk <pawel.kowalczyk at contractors.roche.com>
Date: Thu Sep 6 15:47:47 2018 +0200
tooltips + data-table-width-small-fix
Feature #14178
Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk at contractors.roche.com>
diff --git a/src/components/data-table/data-table.tsx b/src/components/data-table/data-table.tsx
index 0b3819a..65531a5 100644
--- a/src/components/data-table/data-table.tsx
+++ b/src/components/data-table/data-table.tsx
@@ -31,6 +31,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
},
content: {
display: 'inline-block',
+ width: '100%'
},
tableBody: {
background: theme.palette.background.paper
commit de7204ffbb7255e0aa9cefb7efd06f5130b19038
Author: Pawel Kowalczyk <pawel.kowalczyk at contractors.roche.com>
Date: Thu Sep 6 15:31:26 2018 +0200
#refs tooltips
Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk at contractors.roche.com>
diff --git a/src/components/collection-panel-files/collection-panel-files.tsx b/src/components/collection-panel-files/collection-panel-files.tsx
index f9c1821..b037fcf 100644
--- a/src/components/collection-panel-files/collection-panel-files.tsx
+++ b/src/components/collection-panel-files/collection-panel-files.tsx
@@ -6,7 +6,7 @@ import * as React from 'react';
import { TreeItem, TreeItemStatus } from '../tree/tree';
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 } from '@material-ui/core';
+import { IconButton, Grid, Typography, StyleRulesCallback, withStyles, WithStyles, CardHeader, Card, Button, Tooltip } from '@material-ui/core';
import { CustomizeTableIcon } from '../icon/icon';
export interface CollectionPanelFilesProps {
@@ -54,7 +54,9 @@ export const CollectionPanelFiles =
className={classes.cardSubheader}
action={
<IconButton onClick={onOptionsMenuOpen}>
- <CustomizeTableIcon />
+ <Tooltip title="More options">
+ <CustomizeTableIcon />
+ </Tooltip>
</IconButton>
} />
<Grid container justify="space-between">
diff --git a/src/components/data-explorer/data-explorer.tsx b/src/components/data-explorer/data-explorer.tsx
index 52ffd2e..58507fb 100644
--- a/src/components/data-explorer/data-explorer.tsx
+++ b/src/components/data-explorer/data-explorer.tsx
@@ -3,7 +3,7 @@
// SPDX-License-Identifier: AGPL-3.0
import * as React from 'react';
-import { Grid, Paper, Toolbar, StyleRulesCallback, withStyles, WithStyles, TablePagination, IconButton } from '@material-ui/core';
+import { Grid, Paper, Toolbar, StyleRulesCallback, withStyles, WithStyles, TablePagination, IconButton, Tooltip } from '@material-ui/core';
import MoreVertIcon from "@material-ui/icons/MoreVert";
import { ColumnSelector } from "../column-selector/column-selector";
import { DataTable, DataColumns } from "../data-table/data-table";
@@ -115,7 +115,9 @@ export const DataExplorer = withStyles(styles)(
renderContextMenuTrigger = (item: T) =>
<Grid container justify="flex-end">
<IconButton onClick={event => this.props.onContextMenu(event, item)}>
- <MoreVertIcon />
+ <Tooltip title="More options">
+ <MoreVertIcon />
+ </Tooltip>
</IconButton>
</Grid>
diff --git a/src/components/file-tree/file-tree-item.tsx b/src/components/file-tree/file-tree-item.tsx
index e2d6b26..9b248e0 100644
--- a/src/components/file-tree/file-tree-item.tsx
+++ b/src/components/file-tree/file-tree-item.tsx
@@ -5,7 +5,7 @@
import * as React from "react";
import { TreeItem } from "../tree/tree";
import { ProjectIcon, MoreOptionsIcon, DefaultIcon, CollectionIcon } from "../icon/icon";
-import { Typography, IconButton, StyleRulesCallback, withStyles, WithStyles } from "@material-ui/core";
+import { Typography, IconButton, StyleRulesCallback, withStyles, WithStyles, Tooltip } from '@material-ui/core';
import { formatFileSize } from "~/common/formatters";
import { ListItemTextIcon } from "../list-item-text-icon/list-item-text-icon";
import { FileTreeData } from "./file-tree-data";
@@ -50,7 +50,9 @@ export const FileTreeItem = withStyles(fileTreeItemStyle)(
<IconButton
className={classes.button}
onClick={this.handleClick}>
- <MoreOptionsIcon />
+ <Tooltip title="More options">
+ <MoreOptionsIcon />
+ </Tooltip>
</IconButton>
</div >;
}
@@ -61,7 +63,7 @@ export const FileTreeItem = withStyles(fileTreeItemStyle)(
});
const getIcon = (item: TreeItem<FileTreeData>) => {
- switch(item.data.type){
+ switch (item.data.type) {
case 'directory':
return ProjectIcon;
case 'file':
diff --git a/src/views/collection-panel/collection-panel.tsx b/src/views/collection-panel/collection-panel.tsx
index 748151c..9672f30 100644
--- a/src/views/collection-panel/collection-panel.tsx
+++ b/src/views/collection-panel/collection-panel.tsx
@@ -81,7 +81,9 @@ export const CollectionPanel = withStyles(styles)(
<IconButton
aria-label="More options"
onClick={this.handleContextMenu}>
- <MoreOptionsIcon />
+ <Tooltip title="More options">
+ <MoreOptionsIcon />
+ </Tooltip>
</IconButton>
}
title={item && item.name}
diff --git a/src/views/process-log-panel/process-log-main-card.tsx b/src/views/process-log-panel/process-log-main-card.tsx
index 29fd4ae..66811f4 100644
--- a/src/views/process-log-panel/process-log-main-card.tsx
+++ b/src/views/process-log-panel/process-log-main-card.tsx
@@ -67,7 +67,9 @@ export const ProcessLogMainCard = withStyles(styles)(
action={
<div>
<IconButton aria-label="More options">
- <MoreOptionsIcon />
+ <Tooltip title="More options">
+ <MoreOptionsIcon />
+ </Tooltip>
</IconButton>
</div>
}
diff --git a/src/views/process-panel/process-information-card.tsx b/src/views/process-panel/process-information-card.tsx
index efabe22..fea94b9 100644
--- a/src/views/process-panel/process-information-card.tsx
+++ b/src/views/process-panel/process-information-card.tsx
@@ -89,7 +89,9 @@ export const ProcessInformationCard = withStyles(styles, { withTheme: true })(
<IconButton
aria-label="More options"
onClick={event => onContextMenu(event)}>
- <MoreOptionsIcon />
+ <Tooltip title="More options">
+ <MoreOptionsIcon />
+ </Tooltip>
</IconButton>
</div>
}
diff --git a/src/views/process-panel/process-subprocesses-card.tsx b/src/views/process-panel/process-subprocesses-card.tsx
index 8f6ccbc..4226fef 100644
--- a/src/views/process-panel/process-subprocesses-card.tsx
+++ b/src/views/process-panel/process-subprocesses-card.tsx
@@ -14,7 +14,7 @@ import { Process, getProcessStatus, getProcessRuntime } from '~/store/processes/
import { formatTime } from '~/common/formatters';
import { getProcessStatusColor } from '~/store/processes/process';
-export type CssRules = 'label' | 'value' | 'title' | 'content' | 'action' | 'options' | 'status' | 'rightSideHeader' | 'titleHeader'| 'header';
+export type CssRules = 'label' | 'value' | 'title' | 'content' | 'action' | 'options' | 'status' | 'rightSideHeader' | 'titleHeader' | 'header';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
label: {
@@ -87,7 +87,9 @@ export const ProcessSubprocessesCard = withStyles(styles, { withTheme: true })(
className={classes.options}
aria-label="More options"
onClick={onContextMenu}>
- <MoreOptionsIcon />
+ <Tooltip title="More options">
+ <MoreOptionsIcon />
+ </Tooltip>
</IconButton>
</div>
}
diff --git a/src/views/trash-panel/trash-panel.tsx b/src/views/trash-panel/trash-panel.tsx
index 420d650..4a1e197 100644
--- a/src/views/trash-panel/trash-panel.tsx
+++ b/src/views/trash-panel/trash-panel.tsx
@@ -73,7 +73,7 @@ export const ResourceRestore =
));
}
}}>
- <Tooltip title="Filters">
+ <Tooltip title="Restore">
<RestoreFromTrashIcon />
</Tooltip>
</IconButton>
-----------------------------------------------------------------------
hooks/post-receive
--
More information about the arvados-commits
mailing list