alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(drag-pane): handle middle mouse closes #784, #1767

Browse Source
This commit is contained in:
moklick
2022-08-29 18:00:04 +02:00
parent 588d8fc02e
commit ba9df1035b
4 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
examples/nextjs/styles/rf-base.css
View File

@@ -1,5 +1,5 @@
/* this will be exported as base.css and can be used for a basic styling */
/* these are the necessary styles for React Flow */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow__container {
position: absolute;
width: 100%;
@@ -101,9 +101,6 @@
background-color: white;
cursor: -webkit-grab;
cursor: grab;
border-width: 1px;
border-style: solid;
border-color: #bbb;
}
.react-flow__node.dragging {
cursor: -webkit-grabbing;
@@ -129,6 +126,7 @@
}
.react-flow__handle.connectable {
pointer-events: all;
cursor: crosshair;
}
.react-flow__handle-bottom {
top: auto;
@@ -196,9 +194,26 @@
stroke-dashoffset: 10;
}
}
.react-flow__node.selected,
.react-flow__node:focus,
.react-flow__node:focus-visible {
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
border-width: 1px;
border-style: solid;
border-color: #bbb;
}
.react-flow__node-default.selected,
.react-flow__node-default:focus,
.react-flow__node-default:focus-visible,
.react-flow__node-input.selected,
.react-flow__node-input:focus,
.react-flow__node-input:focus-visible,
.react-flow__node-output.selected,
.react-flow__node-output:focus,
.react-flow__node-output:focus-visible,
.react-flow__node-group.selected,
.react-flow__node-group:focus,
.react-flow__node-group:focus-visible {
outline: none;
border: 1px solid #555;
}

3
examples/nextjs/styles/rf-style.css
View File

@@ -1,5 +1,5 @@
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow__container {
position: absolute;
width: 100%;
@@ -130,6 +130,7 @@
}
.react-flow__handle.connectable {
pointer-events: all;
cursor: crosshair;
}
.react-flow__handle-bottom {
top: auto;