[ARVADOS-WORKBENCH2] updated: 1.1.4-71-g60503a2

Git user git at public.curoverse.com
Fri Jun 15 02:54:29 EDT 2018


Summary of changes:
 .../project-explorer/project-explorer.tsx          | 26 +++++++++++++++-------
 1 file changed, 18 insertions(+), 8 deletions(-)

       via  60503a22e8681732571bbfb9840edb37908a62b0 (commit)
      from  be414d2f98cac5fb96cf16e78943e1ecb8945e0f (commit)

Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.


commit 60503a22e8681732571bbfb9840edb37908a62b0
Author: Michal Klobukowski <michal.klobukowski at contractors.roche.com>
Date:   Fri Jun 15 08:54:15 2018 +0200

    Update project explorer layout
    
    Feature #13601
    
    Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski at contractors.roche.com>

diff --git a/src/components/project-explorer/project-explorer.tsx b/src/components/project-explorer/project-explorer.tsx
index 7b8565b..c7d286b 100644
--- a/src/components/project-explorer/project-explorer.tsx
+++ b/src/components/project-explorer/project-explorer.tsx
@@ -35,11 +35,21 @@ class ProjectExplorer extends React.Component<ProjectExplorerProps, ProjectExplo
                 header: "Name",
                 selected: true,
                 render: item => (
-                    <Grid container onClick={() => this.props.onItemClick(item)}>
-                        {renderIcon(item)}
-                        <Typography style={{ marginLeft: 8 }}>
-                            {item.name}
-                        </Typography>
+                    <Grid
+                        container
+                        alignItems="center"
+                        wrap="nowrap"
+                        spacing={16}
+                        onClick={() => this.props.onItemClick(item)}
+                    >
+                        <Grid item>
+                            {renderIcon(item)}
+                        </Grid>
+                        <Grid item>
+                            <Typography color="primary">
+                                {item.name}
+                            </Typography>
+                        </Grid>
                     </Grid>
                 )
             },
@@ -65,7 +75,7 @@ class ProjectExplorer extends React.Component<ProjectExplorerProps, ProjectExplo
                 header: "Owner",
                 selected: true,
                 render: item => (
-                    <Typography noWrap>
+                    <Typography noWrap color="primary">
                         {item.owner}
                     </Typography>
                 )
@@ -184,9 +194,9 @@ const formatFileSize = (size: number) => {
 const renderIcon = (projectItem: ProjectItem) => {
     switch (projectItem.type) {
         case "arvados#group":
-            return <i className="fas fa-folder" />;
+            return <i className="fas fa-folder fa-lg" />;
         case "arvados#groupList":
-            return <i className="fas fa-th" />;
+            return <i className="fas fa-th fa-lg"/>;
         default:
             return <i />;
     }

-----------------------------------------------------------------------


hooks/post-receive
-- 




More information about the arvados-commits mailing list