diff options
| author | Lionel Han <47760119+IGoByJoe@users.noreply.github.com> | 2020-07-26 22:08:28 -0700 |
|---|---|---|
| committer | Lionel Han <47760119+IGoByJoe@users.noreply.github.com> | 2020-07-26 22:08:28 -0700 |
| commit | 02843cd3831d3bd3a1cc6a30832178f404bf282b (patch) | |
| tree | 3c527e0a0d2139ab88fecb29bb4b1708e619bd77 /src/client/views/ContextMenuItem.tsx | |
| parent | 8722fe67029f76f572eacd6e02d623690ca94793 (diff) | |
| parent | 49fcb0f6613344fb62db618c0b466c6155c20eb0 (diff) | |
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into new_audio
Diffstat (limited to 'src/client/views/ContextMenuItem.tsx')
| -rw-r--r-- | src/client/views/ContextMenuItem.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/client/views/ContextMenuItem.tsx b/src/client/views/ContextMenuItem.tsx index 68ebd8e14..81432968d 100644 --- a/src/client/views/ContextMenuItem.tsx +++ b/src/client/views/ContextMenuItem.tsx @@ -20,6 +20,7 @@ export interface SubmenuProps { description: string; subitems: ContextMenuProps[]; noexpand?: boolean; + addDivider?: boolean; icon: IconProp; //maybe should be optional (icon?) closeMenu?: () => void; } @@ -98,12 +99,13 @@ export class ContextMenuItem extends React.Component<ContextMenuProps & { select {this._items.map(prop => <ContextMenuItem {...prop} key={prop.description} closeMenu={this.props.closeMenu} />)} </div>; if (!("noexpand" in this.props)) { - return <> + return <div className="contextMenu-inlineMenu"> {this._items.map(prop => <ContextMenuItem {...prop} key={prop.description} closeMenu={this.props.closeMenu} />)} - </>; + </div>; } return ( - <div className={"contextMenu-item" + (this.props.selected ? " contextMenu-itemSelected" : "")} style={{ alignItems: where }} + <div className={"contextMenu-item" + (this.props.selected ? " contextMenu-itemSelected" : "")} + style={{ alignItems: where, borderTop: this.props.addDivider ? "solid 1px" : undefined }} onMouseLeave={this.onPointerLeave} onMouseEnter={this.onPointerEnter}> {this.props.icon ? ( <span className="icon-background" onMouseEnter={this.onPointerLeave} style={{ alignItems: "center" }}> |