I can link items by hovering
This commit is contained in:
@@ -32,6 +32,10 @@
|
||||
box-shadow: 0 0 10px rgba(239, 68, 68, 0.3);
|
||||
}
|
||||
|
||||
.wkf-workflow-component.dragging {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.wkf-connection-line {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
@@ -47,8 +51,19 @@
|
||||
cursor: crosshair;
|
||||
border: 2px solid white;
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
|
||||
transition: background-color 0.2s, transform 0.2s;
|
||||
}
|
||||
|
||||
.wkf-connection-point.potential-connection {
|
||||
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
|
||||
animation: pulse 0.7s infinite;
|
||||
}
|
||||
|
||||
.wkf-connection-point.potential-start {
|
||||
background: #ef4444;
|
||||
}
|
||||
|
||||
|
||||
.wkf-output-point {
|
||||
right: -6px;
|
||||
top: 50%;
|
||||
@@ -64,4 +79,9 @@
|
||||
.wkf-connection-point:hover {
|
||||
background: #ef4444;
|
||||
transform: translateY(-50%) scale(1.2);
|
||||
}
|
||||
}
|
||||
@keyframes pulse {
|
||||
0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7); }
|
||||
70% { box-shadow: 0 0 0 6px rgba(59, 130, 246, 0); }
|
||||
100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user