frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow config nodes to be disabled, tidy css and add actions

Browse Source
This commit is contained in:
Nick O'Leary
2019-06-17 22:46:34 +01:00
parent 41a0af032c
commit 2473249c8b
9 changed files with 142 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/node_modules/@node-red/editor-client/src/sass/colors.scss vendored
View File

@@ -224,10 +224,10 @@ $node-status-colors: (
$node-selected-color: #ff7f0e;
$port-selected-color: #ff7f0e;
$link-color: #888;
$link-link-color: #ccc;
$link-color: #999;
$link-link-color: #aaa;
$link-disabled-color: #ccc;
$link-link-active-color: #ff7f0e;
$link-subflow-color: #bbb;
$link-unknown-color: #f00;
$clipboard-textarea-background: #F3E7E7;

42
packages/node_modules/@node-red/editor-client/src/sass/flow.scss vendored
View File

@@ -150,28 +150,36 @@ g.red-ui-flow-node-selected {
}
.red-ui-flow-subflow .red-ui-flow-node {
stroke-dasharray:8, 2;
}
.red-ui-workspace-disabled {
.red-ui-flow-link-line {
stroke-dasharray: 10,5 !important;
stroke-width: 2 !important;
stroke: $link-subflow-color;
}
.red-ui-flow-node {
stroke-dasharray: 8, 3;
fill-opacity: 0.6;
fill-opacity: 0.5;
}
.red-ui-flow-link-line {
stroke-dasharray: 10,8 !important;
stroke-width: 2 !important;
stroke: $link-disabled-color;
}
.red-ui-flow-port {
fill-opacity: 1;
stroke-dasharray: none;
}
}
.red-ui-flow-node-disabled {
&.red-ui-flow-node, .red-ui-flow-node {
stroke-dasharray: 8, 3;
fill-opacity: 0.6;
fill-opacity: 0.5;
}
&.red-ui-flow-link-line {
stroke-dasharray: 10,5 !important;
stroke-dasharray: 10,8 !important;
stroke-width: 2 !important;
stroke: $link-subflow-color;
stroke: $link-disabled-color;
}
.red-ui-flow-port {
fill-opacity: 1;
stroke-dasharray: none;
}
}
@each $current-color in red green yellow blue grey {
@@ -199,7 +207,6 @@ g.red-ui-flow-node-selected {
}
.red-ui-flow-subflow-port {
stroke-dasharray: 5,5;
fill: $node-background-placeholder;
stroke: $node-border;
}
@@ -219,12 +226,14 @@ g.red-ui-flow-node-selected {
}
.red-ui-flow-link-link {
stroke-width: 2;
stroke-dasharray: 10,5;
stroke: $link-link-color;
fill: none;
stroke-dasharray: 15,2;
// pointer-events: none;
stroke-dasharray: 25,4;
}
.red-ui-flow-link-off-flow {
stroke-width: 2;
}
.red-ui-flow-link-port {
fill: $node-link-port-background;
stroke: $link-link-color;
@@ -236,11 +245,6 @@ g.red-ui-flow-node-selected {
.red-ui-flow-link-group:hover {
cursor: pointer;
}
.red-ui-flow-subflow-link {
stroke: $link-subflow-color;
stroke-dasharray: 10,5;
stroke-width: 2;
}
.red-ui-flow-link-outline {
stroke: $view-background;

10
packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss vendored
View File

@@ -94,12 +94,20 @@ ul.red-ui-sidebar-node-config-list li.red-ui-palette-node-config-type {
text-align:right;
padding-right: 3px;
}
.red-ui-palette-node-config-unused {
.red-ui-palette-node-config-unused,.red-ui-palette-node-config-disabled {
border-color: $primary-border-color;
background: $secondary-background-inactive;
border-style: dashed;
color: $tertiary-text-color;
}
.red-ui-palette-node-config-disabled {
opacity: 0.6;
font-style: italic;
i {
color: $secondary-text-color;
margin-right: 5px;
}
}
.red-ui-sidebar-node-config-filter-info {
position: absolute;
top: 0;