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

Support ctrl-click selection of flow tabs

Browse Source
This commit is contained in:
Nick O'Leary
2018-10-30 22:18:16 +00:00
parent 8dba0dac9e
commit c0d8f904b3
9 changed files with 343 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -35,6 +35,7 @@ $primary-border-color: #bbbbbb;
$secondary-border-color: #dddddd;
$tab-background-active: #fff;
$tab-background-selected: #f9f9f9;
$tab-background-inactive: #f0f0f0;
$tab-background-hover: #ddd;

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

@@ -57,7 +57,14 @@
overflow: hidden;
white-space: nowrap;
position: relative;
&.red-ui-tabs-closeable:hover {
.red-ui-tabs-badges {
display: none;
}
.red-ui-tab-close {
display: block;
}
}
a.red-ui-tab-label {
display: block;
font-size: 14px;
@@ -97,6 +104,19 @@
opacity: 0.2;
}
}
&.selected {
&:not(.active) {
background: $tab-background-selected;
}
font-weight: bold;
.red-ui-tabs-badge-selected {
display: inline;
}
.red-ui-tabs-badge-changed {
display: none;
}
}
&:not(.active) a:hover {
color: $workspace-button-color-hover;
background: $tab-background-hover;
@@ -282,11 +302,20 @@ i.red-ui-tab-icon {
.red-ui-tabs-badges {
position: absolute;
top:2px;
right:2px;
top:0px;
right:0px;
width: 20px;
pointer-events: none;
display: block;
height: 30px;
line-height: 28px;
text-align: center;
padding:0px;
color: #aaa;
}
.red-ui-tab-closeable .red-ui-tabs-badges {
right: 22px;
.red-ui-tabs-badges i {
display: none;
}
.red-ui-tab.node_changed img.node_changed {
@@ -303,13 +332,14 @@ i.red-ui-tab-icon {
vertical-align: top;
}
.red-ui-tab-close {
display: none;
background: $tab-background-inactive;
opacity: 0.8;
position: absolute;
right: 0px;
top: 0px;
display: block;
width: 20px;
height: 30px;
line-height: 28px;