diff options
| author | Bob Zeleznik <zzzman@gmail.com> | 2020-07-26 09:36:24 -0400 |
|---|---|---|
| committer | Bob Zeleznik <zzzman@gmail.com> | 2020-07-26 09:36:24 -0400 |
| commit | 0fead8a6b66a08d63d57ffc741d1854011070b69 (patch) | |
| tree | 7317abe57b2958434d1f7eeec2d5553c733ba1dc /src/client/views/ContextMenuItem.tsx | |
| parent | 5454385b6fabbcafee4d797829fb9ceaa8a71ed1 (diff) | |
made linkButtons automatically hide blue link dot, rearraned some context menu items and added an optional divider prop
Diffstat (limited to 'src/client/views/ContextMenuItem.tsx')
| -rw-r--r-- | src/client/views/ContextMenuItem.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/client/views/ContextMenuItem.tsx b/src/client/views/ContextMenuItem.tsx index 86d1f22e1..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; } @@ -103,7 +104,8 @@ export class ContextMenuItem extends React.Component<ContextMenuProps & { select </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" }}> |