21386: removed old loading view, css tweaks Arvados-DCO-1.1-Signed-off-by: Lisa Knox...

[arvados.git] / services / workbench2 / src / components / data-table / data-table.tsx

diff --git a/services/workbench2/src/components/data-table/data-table.tsx b/services/workbench2/src/components/data-table/data-table.tsx
index b9d529c2fad9ab720ce580658ad17531cdbce254..bbbc7bb0123f434eedd02cbefbdf754a125700dd 100644 (file)
--- a/services/workbench2/src/components/data-table/data-table.tsx
+++ b/services/workbench2/src/components/data-table/data-table.tsx
@@ -24,7 +24,7 @@ import { DataTableFilters } from "../data-table-filters/data-table-filters-tree"
 import { DataTableMultiselectPopover } from "../data-table-multiselect-popover/data-table-multiselect-popover";
 import { DataTableFiltersPopover } from "../data-table-filters/data-table-filters-popover";
 import { countNodes, getTreeDirty } from "models/tree";
-import { IconType, PendingIcon } from "components/icon/icon";
+import { IconType } from "components/icon/icon";
 import { SvgIconProps } from "@material-ui/core/SvgIcon";
 import ArrowDownwardIcon from "@material-ui/icons/ArrowDownward";
 import { createTree } from "models/tree";
@@ -69,8 +69,7 @@ type CssRules =
     | "tableCell"
     | "arrow"
     | "arrowButton"
-    | "tableCellWorkflows"
-    | "loader";
+    | "tableCellWorkflows";
 
 const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
     root: {
@@ -83,11 +82,6 @@ const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
     tableBody: {
         background: theme.palette.background.paper,
     },
-    loader: {
-        left: "50%",
-        marginLeft: "-84px",
-        position: "absolute",
-    },
     noItemsInfo: {
         textAlign: "center",
         padding: theme.spacing.unit,
@@ -97,16 +91,18 @@ const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
         display: "flex",
         width: '2rem',
         height: "1.5rem",
-        paddingLeft: '0.8rem',
+        paddingLeft: '0.9rem',
         marginRight: '0.5rem'
     },
     checkBoxCell: {
         padding: "0",
     },
     clickBox: {
-        width: '1.4rem',
-        height: "1.4rem",
-        paddingLeft: '0.25rem',
+        display: 'flex',
+        width: '1.6rem',
+        height: "1.5rem",
+        paddingLeft: '0.35rem',
+        paddingTop: '0.1rem',
         marginLeft: '0.5rem',
         cursor: "pointer",
     },
@@ -301,14 +297,6 @@ export const DataTable = withStyles(styles)(
                             </TableHead>
                             <TableBody className={classes.tableBody}>{!working && items.map(this.renderBodyRow)}</TableBody>
                         </Table>
-                        {!!working && (
-                            <div className={classes.loader}>
-                                <DataTableDefaultView
-                                    icon={PendingIcon}
-                                    messages={["Loading data, please wait."]}
-                                />
-                            </div>
-                        )}
                         {items.length === 0 && !working && this.renderNoItemsPlaceholder(this.props.columns)}
                     </div>
                 </div>