diff --git a/webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/NavigationNode/navigationNodeStyles.ts b/webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/NavigationNode/navigationNodeStyles.ts index 3c901b9e8d..ef2d59099f 100644 --- a/webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/NavigationNode/navigationNodeStyles.ts +++ b/webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/NavigationNode/navigationNodeStyles.ts @@ -82,6 +82,7 @@ export const navigationNodeStyles = composes( name { margin-left: 4px; + padding-right: 16px; } portal { diff --git a/webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.tsx b/webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.tsx index aece993ecd..f99a1f7242 100644 --- a/webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.tsx +++ b/webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.tsx @@ -45,7 +45,7 @@ export const TreeNodeMenu = observer(function TreeNodeMenu({ } return styled(treeNodeMenuStyles)( - + ); diff --git a/webapp/packages/core-dialogs/src/Menu/IMenuPanel.ts b/webapp/packages/core-dialogs/src/Menu/IMenuPanel.ts index b41654e4d8..1c1969fd52 100644 --- a/webapp/packages/core-dialogs/src/Menu/IMenuPanel.ts +++ b/webapp/packages/core-dialogs/src/Menu/IMenuPanel.ts @@ -32,4 +32,5 @@ export interface IMenuItem { export type MenuTriggerProps = PropsWithChildren<{ panel: IMenuPanel; style?: Style[]; + modal?: boolean; }> & Omit, 'style'>; diff --git a/webapp/packages/core-dialogs/src/Menu/MenuPanel/MenuTrigger.tsx b/webapp/packages/core-dialogs/src/Menu/MenuPanel/MenuTrigger.tsx index 8d4926dde2..b785932aea 100644 --- a/webapp/packages/core-dialogs/src/Menu/MenuPanel/MenuTrigger.tsx +++ b/webapp/packages/core-dialogs/src/Menu/MenuPanel/MenuTrigger.tsx @@ -31,9 +31,10 @@ export function MenuTrigger({ panel, children, style = [], + modal, ...props }: MenuTriggerProps) { - const menu = useMenuState(); + const menu = useMenuState({ modal }); return styled(useStyles(menuPanelStyles, ...style))( <>