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

Add workspace statusBar

Browse Source
This commit is contained in:
Nick O'Leary
2019-03-26 22:22:13 +00:00
parent 4c8c081c31
commit 5e8279cf51
10 changed files with 137 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -227,7 +227,7 @@
left: 0;
right: 0;
height: 25px;
line-height: 23px;
line-height: 25px;
padding: 0 10px;
user-select: none;
@@ -239,10 +239,11 @@
@mixin component-footer-button {
@include workspace-button;
font-size: 11px;
line-height: 17px;
width: 18px;
height: 18px;
font-size: 12px;
line-height: 18px;
width: 19px;
height: 19px;
padding: 0;
&.text-button {
width: auto;
padding: 0 5px;
@@ -250,10 +251,11 @@
}
@mixin component-footer-button-toggle {
@include workspace-button-toggle;
font-size: 11px;
line-height: 17px;
height: 18px;
width: 18px;
font-size: 12px;
line-height: 18px;
height: 19px;
width: 19px;
padding: 0;
&.text-button {
width: auto;
padding: 0 5px;
@@ -278,3 +280,42 @@
.component-shade {
@include shade
}
.red-ui-component-footer {
@include component-footer;
}
.red-ui-footer-button {
@include component-footer-button;
}
.red-ui-footer-button-toggle {
@include component-footer-button-toggle;
}
.red-ui-statusbar-widget {
margin: 0 2px;
display: inline-block;
vertical-align: middle;
height: 100%;
line-height: 20px;
}
.red-ui-statusbar-bucket {
position: absolute;
top: 0;
bottom: 0;
}
.red-ui-statusbar-bucket-left {
left: 10px;
.red-ui-statusbar-widget:first-child {
margin-left: 0;
}
}
.red-ui-statusbar-bucket-right {
right: 10px;
.red-ui-statusbar-widget:last-child {
margin-right: 0;
}
}

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

@@ -32,8 +32,7 @@
#palette { width: 8px; }
#palette-search { display: none; }
#palette-container { display: none; }
#palette-collapse-all { display: none; }
#palette-expand-all { display: none; }
#palette-footer { display: none; }
}
.palette-expanded {
@@ -75,13 +74,6 @@
box-sizing:border-box;
}
#palette-footer {
@include component-footer;
}
.palette-button {
@include component-footer-button;
}
.palette-category {
border-bottom: 1px solid #ccc;
}

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

@@ -74,10 +74,6 @@
white-space: nowrap;
}
#sidebar-footer {
@include component-footer;
}
.sidebar-footer-button {
@include component-footer-button;
}

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

@@ -48,15 +48,17 @@
left: 7px;
}
.workspace-footer-button {
@include component-footer-button;
}
.workspace-footer-button-toggle {
@include component-footer-button-toggle;
}
#workspace-footer {
@include component-footer;
}
// .workspace-footer-button {
// @include component-footer-button;
// margin-left: 2px;
// margin-right: 2px;
// }
//
// .workspace-footer-button-toggle {
// @include component-footer-button-toggle;
// margin-left: 2px;
// margin-right: 2px;
// }
#workspace-tabs:not(.workspace-focussed) {
opacity:0.8;