From acbcc3e7ea8c92dc96f0b481c8b54ff7c294d273 Mon Sep 17 00:00:00 2001 From: Michal Klobukowski Date: Mon, 26 Nov 2018 14:39:12 +0100 Subject: [PATCH] Add prop for controlling tree item indentation Feature #14258 Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski --- src/components/tree/tree.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/tree/tree.tsx b/src/components/tree/tree.tsx index 4cbefbd2b0..cccb0a987d 100644 --- a/src/components/tree/tree.tsx +++ b/src/components/tree/tree.tsx @@ -88,6 +88,7 @@ export interface TreeProps { onContextMenu: (event: React.MouseEvent, item: TreeItem) => void; render: (item: TreeItem, level?: number) => ReactElement<{}>; showSelection?: boolean | ((item: TreeItem) => boolean); + levelIndentation?: number; toggleItemActive: (event: React.MouseEvent, item: TreeItem) => void; toggleItemOpen: (event: React.MouseEvent, item: TreeItem) => void; toggleItemSelection?: (event: React.MouseEvent, item: TreeItem) => void; @@ -103,10 +104,12 @@ export const Tree = withStyles(styles)( ? this.props.showSelection : () => this.props.showSelection ? true : false; + const { levelIndentation = 20 } = this.props; + return {items && items.map((it: TreeItem, idx: number) =>
- toggleItemActive(event, it)} onContextMenu={this.handleRowContextMenu(it)}> -- 2.30.2