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

style(nodes): put styles into specific node type classes

Browse Source
This commit is contained in:
moklick
2020-05-30 21:19:08 +02:00
parent 35d0a462e8
commit 384769f4f7
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/src/index.css
+1 -1
View File
@@ -136,7 +136,7 @@ nav a.active:before {
color: #111; color: #111;
} }
.dark-node { .react-flow__node.dark-node {
background: #333; background: #333;
color: #f8f8f8; color: #f8f8f8;
} }
src/style.css
+3 -2
View File
@@ -103,8 +103,6 @@
.react-flow__node { .react-flow__node {
position: absolute; position: absolute;
color: #222; color: #222;
font-family: sans-serif;
font-size: 12px;
text-align: center; text-align: center;
user-select: none; user-select: none;
pointer-events: all; pointer-events: all;
@@ -131,6 +129,7 @@
border-radius: 5px; border-radius: 5px;
width: 150px; width: 150px;
background: #ff6060; background: #ff6060;
font-size: 12px;
} }
.react-flow__node-input { .react-flow__node-input {
@@ -138,6 +137,7 @@
border-radius: 5px; border-radius: 5px;
width: 150px; width: 150px;
background: #9999ff; background: #9999ff;
font-size: 12px;
} }
.react-flow__node-output { .react-flow__node-output {
@@ -145,6 +145,7 @@
border-radius: 5px; border-radius: 5px;
width: 150px; width: 150px;
background: #55dd99; background: #55dd99;
font-size: 12px;
} }
.react-flow__handle { .react-flow__handle {