I can link items by hovering

This commit is contained in:
2025-07-02 20:55:06 +02:00
parent f4e8f7a16c
commit d90613119f
2 changed files with 108 additions and 12 deletions

View File

@@ -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); }
}