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

[outline] Update information section of info sidebar

Browse Source
This commit is contained in:
Nick O'Leary
2020-05-01 17:39:54 +01:00
parent aca61c0354
commit 78c86880e4
8 changed files with 415 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,16 +14,34 @@
* limitations under the License.
**/
.red-ui-sidebar-info {
height: 100%;
}
.red-ui-sidebar-info hr {
margin: 10px 0;
}
.red-ui-info-header {
padding-left: 9px;
line-height: 21px;
cursor: default;
> * {
vertical-align: middle
}
> span {
display: inline-block;
margin-left: 5px;
}
border-bottom: 1px solid $secondary-border-color;
}
table.red-ui-info-table {
font-size: 14px;
margin: 0 0 10px;
width: 100%;
}
table.red-ui-info-table tr:not(.blank) {
border-top: 1px solid $secondary-border-color;
&:not(:first-child) {
border-top: 1px solid $secondary-border-color;
}
border-bottom: 1px solid $secondary-border-color;
}
.red-ui-help-property-expand {
@@ -214,12 +232,13 @@ div.red-ui-info-table {
}
.red-ui-sidebar-info-stack {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: scroll;
height: 100%;
// position: absolute;
// top: 0;
// bottom: 0;
// left: 0;
// right: 0;
// overflow-y: scroll;
}
.red-ui-help-tips {
display: none;
@@ -291,6 +310,12 @@ div.red-ui-info-table {
.red-ui-treeList {
flex-grow: 1;
position: relative;
}
.red-ui-treeList-container {
position: absolute;
top: 0;
bottom: 0;
}
.red-ui-treeList-container,.red-ui-editableList-border {
@@ -302,6 +327,10 @@ div.red-ui-info-table {
padding: 2px 0;
overflow: hidden;
}
.red-ui-info-outline-project {
border-bottom: 1px solid $secondary-border-color;
}
.red-ui-info-outline-item {
display: inline-block;
padding: 0;
@@ -369,7 +398,7 @@ div.red-ui-info-table {
top:0;
bottom: 0;
right: 0px;
padding: 2px 8px 0 1px;
padding: 2px 3px 0 1px;
text-align: right;
background: $list-item-background;
@@ -429,6 +458,9 @@ div.red-ui-info-table {
opacity: 0.4;
}
}
.red-ui-icons {
display: inline-block;
width: 18px;
@@ -447,5 +479,32 @@ div.red-ui-info-table {
}
.red-ui-info-outline-toolbar {
border-bottom: 1px solid $secondary-border-color;
min-height: 39px;
box-sizing: border-box;
// padding-left: 9px;
// box-sizing: border-box;
// background: $palette-header-background;
// border-bottom: 1px solid $secondary-border-color;
.red-ui-searchBox-container {
position: absolute;
top: 6px;
right: 8px;
width: calc(100% - 150px);
max-width: 250px;
background: $palette-header-background;
input.red-ui-searchBox-input {
border: 1px solid $secondary-border-color;
border-radius: 3px;
font-size: 12px;
height: 26px;
}
input:focus.red-ui-searchBox-input {
border: 1px solid $secondary-border-color;
}
i.fa-search, i.fa-times {
top: 7px;
}
}
}