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

Link nodes show hidden wires when selected

Browse Source 
☕️
This commit is contained in:
Nick O'Leary
2016-05-17 09:16:58 +01:00
parent f1f8c887c6
commit db433efbef
9 changed files with 637 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
editor/sass/colors.scss
View File

@@ -25,6 +25,8 @@ $form-input-border-color: #ccc;
$node-selected-color: #ff7f0e;
$port-selected-color: #ff7f0e;
$link-color: #888;
$link-link-color: #ccc;
$link-link-active-color: #ff7f0e;
$link-subflow-color: #bbb;
$link-unknown-color: #f00;

20
editor/sass/flow.scss
View File

@@ -207,7 +207,25 @@
fill: none;
pointer-events: none;
}
.link_link {
stroke-width: 2;
stroke-dasharray: 10,5;
stroke: $link-link-color;
fill: none;
stroke-dasharray: 15,2;
pointer-events: none;
}
.link_port {
fill: #fff;
stroke: $link-link-color;
stroke-width: 1;
}
.link_group_active .link_port {
stroke: $link-link-active-color;
}
.link_group:hover {
cursor: pointer;
}
.link_subflow {
stroke: $link-subflow-color;
stroke-dasharray: 10,5;

26
editor/sass/tabs.scss
View File

@@ -55,7 +55,29 @@ ul.red-ui-tabs li a.red-ui-tab-label {
ul.red-ui-tabs li {
position: relative;
}
.red-ui-tabs-badges {
position: absolute;
top:2px;
right:2px;
}
.red-ui-tab-closeable .red-ui-tabs-badges {
right: 22px;
}
.red-ui-tab.node_changed img.node_changed {
display: inline-block;
}
.red-ui-tab.node_error img.node_error {
display: inline-block;
}
.red-ui-tabs-badges img {
width: 10px;
height: 10px;
margin-right: 2px;
vertical-align: top;
}
.red-ui-tab-close {
background: $tab-background-inactive;
opacity: 0.8;
@@ -110,7 +132,7 @@ ul.red-ui-tabs li.active a {
color: #333;
}
ul.red-ui-tabs li img {
.red-ui-tab-icon {
margin-left: -8px;
margin-right: 3px;
margin-top: -2px;
@@ -119,6 +141,6 @@ ul.red-ui-tabs li img {
height: 20px;
vertical-align: middle;
}
ul.red-ui-tabs li.active img {
ul.red-ui-tabs li.active .red-ui-tab-icon {
opacity: 0.2;
}