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 type editors CSS

Browse Source
This commit is contained in:
Nick O'Leary
2019-05-07 16:48:05 +01:00
parent bc540eefb6
commit b98e85016a
8 changed files with 146 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -79,13 +79,23 @@
.red-ui-tray-footer {
@include component-footer;
height: 35px;
font-size: 12px !important;
line-height: 35px;
vertical-align: middle;
button {
@include editor-button;
padding: 3px 7px;
font-size: 11px;
}
.red-ui-tray-footer-left {
display:inline-block;
margin-right: 20px;
float:left;
}
.red-ui-tray-footer-right {
float: right;
}
}
.red-ui-tray-toolbar {
@@ -197,7 +207,7 @@
.node-text-editor {
position: relative;
.node-text-editor-help {
.red-ui-editor-text-help {
position: absolute;
bottom: 0px;
right: 1px;
@@ -207,7 +217,7 @@
border-right: none;
}
}
.node-text-editor-container {
.red-ui-editor-text-container {
border:1px solid #ccc;
border-radius:5px;
overflow: hidden;
@@ -215,7 +225,7 @@
font-family: Menlo, Consolas, 'DejaVu Sans Mono', Courier, monospace !important;
height: 100%;
&.node-text-editor-container-toolbar {
&.red-ui-editor-text-container-toolbar {
height: calc(100% - 40px);
}
}
@@ -244,34 +254,21 @@
padding: 0 5px;
}
#node-config-dialog-scope-container {
cursor: auto;
float: right;
font-size: 12px !important;
line-height: 35px;
}
#node-config-dialog-scope-warning {
#red-ui-editor-config-scope-warning {
display: inline-block;
margin-right: 5px;
color: #AD1625;
vertical-align: middle;
}
#node-config-dialog-scope {
#red-ui-editor-config-scope {
margin: 1px 0 0 0;
padding: 0;
height: 22px;
width: 200px;
}
#node-config-dialog-user-count {
vertical-align: middle;
display:inline-block;
margin-right: 20px;
float:left;
font-size: 12px;
line-height: 35px;
}
.node-input-expression-editor #dialog-form {
.red-ui-editor-type-expression #dialog-form {
margin: 0;
height: 100%;
.red-ui-panel {
@@ -283,12 +280,12 @@
}
}
}
.node-input-expression-tab-content {
.red-ui-editor-type-expression-tab-content {
position: relative;
padding: 0 20px;
}
#node-input-expression-help {
#red-ui-editor-type-expression-help {
position: absolute;
top: 35px;
left:0;
@@ -298,7 +295,7 @@
overflow: auto;
box-sizing: border-box;
}
#node-input-expression-panel-info {
#red-ui-editor-type-expression-panel-info {
& > .form-row {
margin: 0;
& > div:first-child {
@@ -306,7 +303,7 @@
}
}
}
.node-input-expression-legacy, .node-input-buffer-type {
.red-ui-editor-type-expression-legacy, .red-ui-editor-type-buffer-type {
font-size: 0.8em;
float: left;
cursor: pointer;
@@ -317,11 +314,11 @@
border-color: $form-input-border-color;
}
}
.node-input-buffer-type {
.red-ui-editor-type-buffer-type {
float: none;
text-align: right;
}
.node-input-markdown-editor #dialog-form {
.red-ui-editor-type-markdown-editor #dialog-form {
margin: 0;
height: 100%;
.red-ui-panel {
@@ -333,7 +330,7 @@
}
}
}
.node-input-markdown-panel-preview {
.red-ui-editor-type-markdown-panel-preview {
padding: 10px;
border:1px solid #ccc;
border-radius:5px;
@@ -346,7 +343,7 @@
position: absolute;
top: -3000px;
}
.node-label-form-row {
.red-ui-editor-node-label-form-row {
margin: 5px 0 0 50px;
label {
margin-right: 20px;
@@ -359,15 +356,15 @@
input {
width: calc(100% - 100px);
}
#node-settings-icon-module {
#red-ui-editor-node-icon-module {
width: calc(55% - 50px);
}
#node-settings-icon-file {
#red-ui-editor-node-icon-file {
width: calc(45% - 55px);
margin-left: 5px;
}
}
.node-label-form-none {
.red-ui-editor-node-label-form-none {
span {
padding-left: 50px;
width: 100px;
@@ -382,7 +379,7 @@
}
}
#node-settings-icon-button {
#red-ui-editor-node-icon-button {
position: relative;
padding-left: 30px;
width: calc(100% - 150px);
@@ -392,7 +389,7 @@
left: 2px;
}
}
#node-settings-icon {
#red-ui-editor-node-icon {
margin-left: 10px;
width: calc(100% - 163px);
}