diff --git a/webapp/packages/core-app/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.tsx b/webapp/packages/core-app/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.tsx index 1547aa8e71..6bc3f6da62 100644 --- a/webapp/packages/core-app/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.tsx +++ b/webapp/packages/core-app/src/NavigationTree/ElementsTree/ElementsTreeTools/ElementsTreeTools.tsx @@ -33,13 +33,6 @@ const toolsStyles = css` position: sticky; top: 0; z-index: 1; - - &:hover [|settings] { - display: block; - } - & [|settings] { - display: none; - } } actions { display: flex; @@ -111,7 +104,7 @@ export const ElementsTreeTools = observer>(functi style={toolsStyles} img onClick={() => setOpen(!opened)} - {...use({ opened, primary: true, settings: true })} + {...use({ opened, primary: true })} /> )} diff --git a/webapp/packages/core-app/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.tsx b/webapp/packages/core-app/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.tsx index 65bed0f260..f5d7d30675 100644 --- a/webapp/packages/core-app/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.tsx +++ b/webapp/packages/core-app/src/NavigationTree/ElementsTree/NavigationTreeNode/NavigationNode/NavigationNodeControl.tsx @@ -61,6 +61,10 @@ const styles = css` margin-right: 16px !important; visibility: hidden; } + name-box { + overflow: hidden; + text-overflow: ellipsis; + } `; export const NavigationNodeControl: NavTreeControlComponent = observer(function NavigationNodeControl({ @@ -110,7 +114,11 @@ export const NavigationNodeControl: NavTreeControlComponent = observer - {editing ? setEditing(false)} /> : node.name} + {editing ? ( + setEditing(false)} /> + ) : ( + {node.name} + )} {!editing && !dndPlaceholder && (