change arrow color for free component

Feature #13797

Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki@contractors.roche.com>

diff --git a/src/components/tree/tree.tsx b/src/components/tree/tree.tsx
index 1ceb3b97cf692e0d5d7e8917621c3635865d2d75..16f3ab2ce31d57d4f9311701ace1840ad80520ee 100644 (file)
--- a/src/components/tree/tree.tsx
+++ b/src/components/tree/tree.tsx
@@ -62,6 +62,7 @@ class Tree<T> extends React.Component<TreeProps<T> & WithStyles<CssRules>, {}> {
                 </div>)}
         </List>;
     }
+
     renderArrow(status: TreeItemStatus, arrowClass: string, open: boolean, id: string) {
         const { arrowTransition, arrowVisibility, arrowRotate } = this.props.classes;
         return <i onClick={() => this.props.toggleItemOpen(id, status)}
@@ -88,6 +89,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         position: 'absolute',
     },
     inactiveArrow: {
+        color: theme.palette.grey["700"],
         position: 'absolute',
     },
     arrowTransition: {