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

Namespace all sidebar css

Browse Source
This commit is contained in:
Nick O'Leary
2019-04-30 22:56:39 +01:00
parent d251a30cb8
commit 9dac679b72
19 changed files with 130 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -154,11 +154,11 @@
background: $background-color;
color: $workspace-button-color;
}
#red-ui-palette-shade, #editor-shade, #header-shade, #sidebar-shade {
#red-ui-palette-shade, #editor-shade, #header-shade, #red-ui-sidebar-shade {
@include shade;
z-index: 2;
}
#sidebar-shade {
#red-ui-sidebar-shade {
left: -8px;
top: -1px;
bottom: -1px;

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

@@ -14,7 +14,7 @@
* limitations under the License.
**/
#sidebar {
#red-ui-sidebar {
position: absolute;
top: 0px;
right: 0px;
@@ -26,13 +26,13 @@
@include component-border;
}
#sidebar.closing {
#red-ui-sidebar.closing {
background: #eee;
border-color: #900;
border-style: dashed;
}
#sidebar-content {
#red-ui-sidebar-content {
position: absolute;
top: 35px;
right: 0;
@@ -41,7 +41,7 @@
overflow-y: auto;
}
#sidebar-separator {
#red-ui-sidebar-separator {
position: absolute;
top: 5px;
right: 315px;
@@ -52,12 +52,12 @@
cursor: col-resize;
}
.sidebar-closed > #sidebar { display: none; }
.sidebar-closed > #sidebar-separator { right: 0px !important; }
.sidebar-closed > #workspace { right: 7px !important; }
.sidebar-closed > #editor-stack { right: 8px !important; }
.red-ui-sidebar-closed > #red-ui-sidebar { display: none; }
.red-ui-sidebar-closed > #red-ui-sidebar-separator { right: 0px !important; }
.red-ui-sidebar-closed > #workspace { right: 7px !important; }
.red-ui-sidebar-closed > #editor-stack { right: 8px !important; }
#sidebar .button {
#red-ui-sidebar .button {
@include workspace-button;
line-height: 18px;
font-size: 12px;
@@ -65,7 +65,8 @@
padding: 2px 8px;
}
.sidebar-header {
.sidebar-header, /* Deprecated -> red-ui-sidebar-header */
.red-ui-sidebar-header {
color: #666;
text-align: right;
padding: 8px 10px;
@@ -74,34 +75,42 @@
white-space: nowrap;
}
/* Deprecated -> red-ui-footer-button */
.sidebar-footer-button {
@include component-footer-button;
}
/* Deprecated -> red-ui-footer-button-toggle */
.sidebar-footer-button-toggle {
@include component-footer-button-toggle;
}
.sidebar-header-button {
.sidebar-header-button, /* Deprecated -> red-ui-sidebar-header-button */
.red-ui-sidebar-header-button {
@include workspace-button;
font-size: 13px;
line-height: 13px;
padding: 5px 8px;
}
.sidebar-header-button-toggle {
.sidebar-header-button-toggle, /* Deprecated -> red-ui-sidebar-header-button-toggle */
.red-ui-sidebar-header-button-toggle {
@include workspace-button-toggle;
font-size: 13px;
line-height: 13px;
padding: 5px 8px;
}
.sidebar-header-button:not(:first-child) {
.sidebar-header-button, /* Deprecated -> red-ui-sidebar-header-button */
.red-ui-sidebar-header-button:not(:first-child) {
border-left: none;
}
.sidebar-shade {
.red-ui-sidebar-shade {
@include shade;
}
@mixin sidebar-control {
@mixin red-ui-sidebar-control {
display: none;
position: absolute;
top: calc(50% - 26px);
@@ -114,14 +123,14 @@
cursor: pointer;
}
.sidebar-control-right {
@include sidebar-control;
.red-ui-sidebar-control-right {
@include red-ui-sidebar-control;
right: calc(100%);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.sidebar-control-left {
@include sidebar-control;
.red-ui-sidebar-control-left {
@include red-ui-sidebar-control;
left: calc(100%);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;

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

@@ -14,7 +14,7 @@
* limitations under the License.
**/
.sidebar-node-config {
.red-ui-sidebar-node-config {
position: relative;
background: #f3f3f3;
height: 100%;