Jamie fix spacing in connected workflow inputs and outputs (#1479)

DARPA-ASKEM · Jul 17, 2023 · ef579ee · ef579ee
1 parent cf1a9e0
commit ef579ee
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/packages/client/hmi-client/src/components/workflow/tera-workflow-node.vue b/packages/client/hmi-client/src/components/workflow/tera-workflow-node.vue
@@ -294,6 +294,10 @@ ul li {
  align-items: center;
 }
 
+.inputs,
+.outputs {
+ color: var(--text-color-secondary);
+}
 .input-port-container {
  display: flex;
  padding-top: 0.5rem;
@@ -318,11 +322,7 @@ ul li {
  background-color: var(--surface-highlight);
 }
 
-.output-port-container[active='false'] {
- color: var(--text-color-secondary);
-}
-
-.output-port-container[active='true'] {
+.port-connected {
  color: var(--text-color-primary);
 }
 
@@ -343,6 +343,11 @@ ul li {
  border-radius: var(--port-base-size);
 }
 
+.port-connected .input-port-container,
+.port-connected .output-port-container {
+ gap: initial;
+}
+
 .port-connected .input.port {
  left: calc(-1 * var(--port-base-size));
 }