diff --git a/packages/node-toolbar/package.json b/packages/node-toolbar/package.json index 01cfd4f3..ad15e213 100644 --- a/packages/node-toolbar/package.json +++ b/packages/node-toolbar/package.json @@ -1,6 +1,6 @@ { "name": "@reactflow/node-toolbar", - "version": "0.0.1", + "version": "1.0.0", "description": "A toolbar component for React Flow that can be attached to a node.", "keywords": [ "react", @@ -31,9 +31,7 @@ }, "scripts": { "dev": "concurrently \"rollup --config node:@reactflow/rollup-config --watch\" pnpm:css-watch", - "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production && npm run css", - "css": "postcss src/*.css --config ../../tooling/postcss-config/postcss.config.js --dir dist", - "css-watch": "pnpm css --watch", + "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production", "lint": "eslint --ext .js,.jsx,.ts,.tsx src", "typecheck": "tsc --noEmit" }, diff --git a/packages/node-toolbar/src/NodeToolbar.tsx b/packages/node-toolbar/src/NodeToolbar.tsx index 1dc5b4a8..caadf257 100644 --- a/packages/node-toolbar/src/NodeToolbar.tsx +++ b/packages/node-toolbar/src/NodeToolbar.tsx @@ -82,8 +82,9 @@ function NodeToolbar({ const nodeRect: Rect = getRectOfNodes([node], nodeOrigin); const wrapperStyle: CSSProperties = { + position: 'absolute', transform: getTransform(nodeRect, transform, position, offset), - zIndex: node[internalsSymbol]?.z, + zIndex: (node[internalsSymbol]?.z || 1) + 1, ...style, }; diff --git a/packages/node-toolbar/src/style.css b/packages/node-toolbar/src/style.css deleted file mode 100644 index 2f59ab13..00000000 --- a/packages/node-toolbar/src/style.css +++ /dev/null @@ -1,4 +0,0 @@ -.react-flow__node-toolbar { - position: absolute; - z-index: 1000; -} diff --git a/packages/reactflow/src/style.css b/packages/reactflow/src/style.css index f2d7c76c..96c6e6a1 100644 --- a/packages/reactflow/src/style.css +++ b/packages/reactflow/src/style.css @@ -1,4 +1,3 @@ @import '@reactflow/core/dist/style.css'; @import '@reactflow/controls/dist/style.css'; @import '@reactflow/minimap/dist/style.css'; -@import '@reactflow/node-toolbar/dist/style.css';