Enable individual flow nodes to be disabled

This commit is contained in:
Nick O'Leary
2019-06-14 22:12:47 +01:00
parent 70cf7b0c5a
commit 41a0af032c
8 changed files with 106 additions and 69 deletions

View File

@@ -79,15 +79,20 @@
.red-ui-tray-footer {
@include component-footer;
height: 35px;
font-size: 12px !important;
font-size: 14px !important;
line-height: 35px;
vertical-align: middle;
button {
@include editor-button;
padding: 3px 7px;
font-size: 11px;
button.red-ui-button {
padding: 0px 8px;
height: 26px;
line-height: 26px;
&.toggle:not(.selected) {
color: $workspace-button-color-selected !important;
background: $workspace-button-background-active;
}
}
.red-ui-tray-footer-left {
display:inline-block;
margin-right: 20px;
@@ -563,8 +568,6 @@ button.red-ui-button-small
}
.red-ui-editor-type-json-editor-item-handle {
cursor: move;
}
@@ -572,3 +575,7 @@ button.red-ui-button-small
position: relative;
height: calc(100% - 40px);
}
button.red-ui-toggleButton.toggle {
text-align: left;
}

View File

@@ -146,11 +146,11 @@ g.red-ui-flow-node-selected {
border-style: dashed !important;
stroke: $node-selected-color;
stroke-width: 2;
stroke-dasharray: 10, 4;
stroke-dasharray: 8, 3;
}
.red-ui-flow-subflow .red-ui-flow-node {
stroke-dasharray:8, 3;
stroke-dasharray:8, 2;
}
.red-ui-workspace-disabled {
.red-ui-flow-link-line {
@@ -159,10 +159,21 @@ g.red-ui-flow-node-selected {
stroke: $link-subflow-color;
}
.red-ui-flow-node {
stroke-dasharray: 10,4;
stroke-dasharray: 8, 3;
fill-opacity: 0.6;
}
}
.red-ui-flow-node-disabled {
&.red-ui-flow-node, .red-ui-flow-node {
stroke-dasharray: 8, 3;
fill-opacity: 0.6;
}
&.red-ui-flow-link-line {
stroke-dasharray: 10,5 !important;
stroke-width: 2 !important;
stroke: $link-subflow-color;
}
}
@each $current-color in red green yellow blue grey {
.red-ui-flow-node-status-dot-#{$current-color} {
fill: map-get($node-status-colors,$current-color);

View File

@@ -192,7 +192,7 @@
right: 0;
height: 25px;
line-height: 25px;
padding: 0 10px;
padding: 0 6px;
user-select: none;
.button-group:not(:last-child) {