mirror of
https://github.com/node-red/node-red.git
synced 2025-03-01 10:36:34 +00:00
Move all colours to sass variables
This commit is contained in:
Nick O'Leary
@@ -1,29 +1,68 @@
|
||||
.ace_gutter {
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
.ace_scroller {
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
.red-ui-editor, .red-ui-editor-dialog {
|
||||
|
||||
#red-ui-event-log-editor {
|
||||
.ace_read-only {
|
||||
.ace_scroller {
|
||||
background: $text-editor-background-disabled;
|
||||
color: $text-editor-color-disabled;
|
||||
}
|
||||
.ace_cursor {
|
||||
color: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ace_gutter {
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
.ace_scroller {
|
||||
background: #444;
|
||||
color: #dd9;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
.ace_active-line {
|
||||
background: #666 !important;
|
||||
}
|
||||
.ace_selection {
|
||||
background: #999 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ace_tooltip {
|
||||
background-image: none;
|
||||
background: #fcffdc;
|
||||
border-radius: 4px;
|
||||
@include component-shadow;
|
||||
border-color: $primary-border-color;
|
||||
.ace_scroller {
|
||||
background: $text-editor-background;
|
||||
color: $text-editor-color;
|
||||
}
|
||||
.ace_marker-layer .ace_active-line {
|
||||
background: $text-editor-active-line-background;
|
||||
}
|
||||
.ace_marker-layer .ace_selection {
|
||||
background: $text-editor-selection-background;
|
||||
border-radius: 1px;
|
||||
}
|
||||
.ace_gutter-cell {
|
||||
color: $text-editor-color;
|
||||
}
|
||||
.ace_gutter-active-line {
|
||||
background: $text-editor-gutter-active-line-background;
|
||||
}
|
||||
.ace_gutter {
|
||||
background: $text-editor-gutter-background;
|
||||
}
|
||||
.ace_tooltip {
|
||||
font-family: $primary-font;
|
||||
line-height: 1.4em;
|
||||
max-width: 400px;
|
||||
white-space: normal;
|
||||
background-image: none;
|
||||
background: $popover-background;
|
||||
color: $popover-color;
|
||||
border-radius: 4px;
|
||||
@include component-shadow;
|
||||
border-color: $popover-background;
|
||||
}
|
||||
|
||||
#red-ui-event-log-editor {
|
||||
.ace_scroller {
|
||||
background: $event-log-background;
|
||||
color: $event-log-color;
|
||||
}
|
||||
.ace_marker-layer .ace_active-line {
|
||||
background: $event-log-active-line-background;
|
||||
}
|
||||
.ace_marker-layer .ace_selection {
|
||||
background: $event-log-selection-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -52,175 +52,166 @@
|
||||
@include shade;
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0088cc;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #005580;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
cite {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
padding: 0;
|
||||
margin: 0 0 10px 25px;
|
||||
}
|
||||
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 20px;
|
||||
}
|
||||
dl {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
dt,
|
||||
dd {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 20px 0;
|
||||
border: 0;
|
||||
border-top: 1px solid #eeeeee;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
i.spinner {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
margin-top: 0px;
|
||||
background: url(images/spin.svg) no-repeat 50% 50%;
|
||||
background-size: contain
|
||||
}
|
||||
|
||||
code, pre {
|
||||
padding: 0 3px 2px;
|
||||
font-family: $monospace-font;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 0px 3px 2px 3px;
|
||||
margin: 1px;
|
||||
color: #AD1625;
|
||||
white-space: nowrap;
|
||||
background-color: #f7f7f9;
|
||||
border: 1px solid #e1e1e8;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
padding: 9.5px;
|
||||
margin: 0 0 10px;
|
||||
line-height: 20px;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
pre code {
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
img {
|
||||
width: auto\9;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 0 0 20px;
|
||||
border-left: 4px solid #ddd;
|
||||
.red-ui-editor,
|
||||
.red-ui-editor-dialog,
|
||||
.red-ui-menu,
|
||||
.red-ui-popover,
|
||||
.red-ui-typedInput-options,
|
||||
.red-ui-icon-picker {
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-weight: inherit;
|
||||
line-height: 1.25;
|
||||
color: #777;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
cite {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
padding: 0;
|
||||
margin: 0 0 10px 25px;
|
||||
}
|
||||
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
max-width: 100%;
|
||||
background-color: transparent;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
li {
|
||||
line-height: 20px;
|
||||
}
|
||||
dl {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
dt,
|
||||
dd {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 20px 0;
|
||||
border: 0;
|
||||
border-top: 1px solid $tertiary-border-color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
i.spinner {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
margin-top: 0px;
|
||||
background: url(images/spin.svg) no-repeat 50% 50%;
|
||||
background-size: contain
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: $monospace-font;
|
||||
font-size: $primary-font-size;
|
||||
padding: 0px;
|
||||
margin: 1px;
|
||||
color: $info-text-code-color;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
padding: 9.5px;
|
||||
margin: 0 0 10px;
|
||||
line-height: 20px;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
background-color:$tertiary-background;
|
||||
border: 1px solid $tertiary-border-color;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
pre code {
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
img {
|
||||
width: auto\9;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 0 0 20px;
|
||||
border-left: 4px solid $secondary-border-color;
|
||||
color: $secondary-text-color;
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-weight: inherit;
|
||||
line-height: 1.25;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
max-width: 100%;
|
||||
background-color: transparent;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.red-ui-component-spinner {
|
||||
@@ -231,7 +222,7 @@ table {
|
||||
right: 1px;
|
||||
text-align: center;
|
||||
padding: 40px;
|
||||
background: white;
|
||||
background: $secondary-background;
|
||||
&:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
@@ -245,14 +236,14 @@ table {
|
||||
width: 80px;
|
||||
}
|
||||
&.red-ui-component-spinner-sidebar {
|
||||
background: white;
|
||||
background: $secondary-background;
|
||||
padding:0;
|
||||
img {
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
&.projects-version-control-spinner-sidebar {
|
||||
background: white;
|
||||
background: $secondary-background;
|
||||
padding:0;
|
||||
img {
|
||||
width: 20px;
|
||||
|
||||
@@ -18,111 +18,210 @@ $primary-font: 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||
$primary-font-size: 14px;
|
||||
$monospace-font: Menlo, Consolas, 'DejaVu Sans Mono', Courier, monospace;
|
||||
|
||||
$primary-background: #f3f3f3;//#0ff;
|
||||
|
||||
$primary-background: #f3f3f3;
|
||||
$primary-text-color: #555;
|
||||
$secondary-text-color: #999;
|
||||
$secondary-background: #fff;//#ff0;
|
||||
$secondary-background-selected: #efefef;//#e9e900;
|
||||
$secondary-background-inactive: #f0f0f0;//#f0f000;
|
||||
$secondary-background-hover: #ddd;//#dd0;
|
||||
$secondary-background-disabled: #f9f9f9;//#fafa0;
|
||||
|
||||
$form-background: #fff;
|
||||
$tertiary-background: #f7f7f7;//#f0f;
|
||||
|
||||
$form-placeholder-color: #bbbbbb;
|
||||
$shadow: rgba(0, 0, 0, 0.2);
|
||||
|
||||
// Main body text
|
||||
$primary-text-color: #555;//#0f0;
|
||||
// UI control label text
|
||||
$secondary-text-color: #888;//#00f;
|
||||
$secondary-text-color-focus: #999;//#009;
|
||||
$secondary-text-color-hover: #666;//#006;
|
||||
$secondary-text-color-active: #666;//#006;
|
||||
$secondary-text-color-selected: #AAA;//#00A;
|
||||
$secondary-text-color-inactive: #666;//#006;
|
||||
$secondary-text-color-disabled: #bbb;//#00C;
|
||||
$secondary-text-color-disabled-active: #999;//#009;
|
||||
$secondary-text-color-disabled-inactive: #aaa;//#00A;
|
||||
|
||||
// Sub label text
|
||||
$tertiary-text-color: #aaa;//#90f;
|
||||
// Heading text
|
||||
$header-text-color: #444;//#f00;
|
||||
|
||||
$text-color-warning: #AD1625;
|
||||
$text-color-green: #3a3;
|
||||
|
||||
$primary-border-color: #bbbbbb;//#f00;
|
||||
$secondary-border-color: #dddddd;//#0f0;
|
||||
$tertiary-border-color: #ccc;//#00f;
|
||||
|
||||
$form-background: $secondary-background;
|
||||
|
||||
$form-placeholder-color: $tertiary-text-color;
|
||||
$form-text-color: $primary-text-color;
|
||||
$form-text-color-disabled: $secondary-text-color-disabled;
|
||||
$form-input-focus-color: rgba(85,150,230,0.8);
|
||||
$form-input-border-color: #ccc;
|
||||
$form-input-border-selected-color: #aaa;
|
||||
$form-input-border-color: $tertiary-border-color;
|
||||
$form-input-border-selected-color: #aaa;//#f0f;
|
||||
$form-input-border-error-color: rgb(214, 97, 95);
|
||||
$form-input-background: #fff;
|
||||
$form-input-background-disabled: #eee;
|
||||
$form-input-background: $secondary-background;
|
||||
$form-input-background-disabled: $secondary-background-disabled;
|
||||
$form-button-background: $secondary-background-selected;
|
||||
|
||||
$list-item-color: #666;
|
||||
$list-item-background: #fff;
|
||||
$list-item-background-hover: #f3f3f3;
|
||||
$list-item-background-active: #efefef;
|
||||
$list-item-background-selected: #eee;
|
||||
$list-item-border-selected: #999;
|
||||
$form-tips-background: #ffe;
|
||||
|
||||
$primary-border-color: #bbbbbb;
|
||||
$secondary-border-color: #dddddd;
|
||||
|
||||
$tab-text-color-active: #555;
|
||||
$tab-text-color-inactive: #666;
|
||||
$tab-text-color-disabled-active: #999;
|
||||
$tab-text-color-disabled-inactive: #aaa;
|
||||
$tab-badge-color: #aaa;
|
||||
$tab-background: #fff;
|
||||
$tab-background-active: #fff;
|
||||
$tab-background-selected: #f9f9f9;
|
||||
$tab-background-inactive: #f0f0f0;
|
||||
$tab-background-hover: #ddd;
|
||||
$text-editor-color: #4D4D4C;//#00f;
|
||||
$text-editor-background: $secondary-background;
|
||||
$text-editor-color-disabled: $secondary-text-color-inactive;
|
||||
$text-editor-background-disabled: $secondary-background-disabled;
|
||||
$text-editor-gutter-background: #f6f6f6;//#ee0;
|
||||
$text-editor-gutter-color: #777;//#00e;
|
||||
$text-editor-gutter-active-line-background: #dcdcdc;//#dd0;
|
||||
$text-editor-active-line-background: #efefef;//#ee0;
|
||||
$text-editor-selection-background: #D6D6D6;//#e0e;
|
||||
|
||||
$event-log-background: #444;
|
||||
$event-log-color: #dd9;
|
||||
$event-log-active-line-background: #333;
|
||||
$event-log-selection-background: #999;
|
||||
|
||||
|
||||
|
||||
|
||||
$list-item-color: $primary-text-color;
|
||||
$list-item-background: $secondary-background;
|
||||
$list-item-background-disabled: $secondary-background-inactive;
|
||||
$list-item-background-hover: $secondary-background-hover;
|
||||
$list-item-background-selected: $secondary-background-selected;
|
||||
$list-item-border-selected: $secondary-text-color-selected;
|
||||
|
||||
$tab-text-color-active: $header-text-color;
|
||||
$tab-text-color-inactive: $secondary-text-color-inactive;
|
||||
$tab-text-color-disabled-active: $secondary-text-color-disabled-active;
|
||||
$tab-text-color-disabled-inactive: $secondary-text-color-disabled-inactive;
|
||||
|
||||
$tab-badge-color: $tertiary-text-color;
|
||||
$tab-background: $secondary-background;
|
||||
$tab-background-active: $secondary-background;
|
||||
$tab-background-selected: $secondary-background-selected;
|
||||
$tab-background-inactive: $secondary-background-inactive;
|
||||
$tab-background-hover: $secondary-background-hover;
|
||||
|
||||
$palette-header-background: $primary-background;
|
||||
$palette-header-color: #444;
|
||||
$palette-header-color: $header-text-color;
|
||||
$palette-content-background: $secondary-background;
|
||||
|
||||
$workspace-background: #fff;
|
||||
$workspace-grid-color: #eee;
|
||||
|
||||
$workspace-button-background: #fff;
|
||||
$workspace-button-background-hover: #ddd;
|
||||
$workspace-button-background-active: #efefef;
|
||||
$workspace-button-color: #888;
|
||||
$workspace-button-color-disabled: #ccc;
|
||||
$workspace-button-color-focus: #999;
|
||||
$workspace-button-color-hover: #666;
|
||||
$workspace-button-color-active: #666;
|
||||
$workspace-button-color-selected: #AAA;
|
||||
$workspace-button-background: $secondary-background;
|
||||
$workspace-button-background-hover: $secondary-background-hover;
|
||||
$workspace-button-background-active: $secondary-background-selected;
|
||||
|
||||
$workspace-button-toggle-color: #999;
|
||||
$workspace-button-toggle-color-selected: #888;
|
||||
$workspace-button-toggle-color-disabled: #ddd;
|
||||
$workspace-button-color: $secondary-text-color;
|
||||
$workspace-button-color-disabled: $secondary-text-color-disabled;
|
||||
$workspace-button-color-focus: $secondary-text-color-focus;
|
||||
$workspace-button-color-hover: $secondary-text-color-hover;
|
||||
$workspace-button-color-active: $secondary-text-color-active;
|
||||
$workspace-button-color-selected: $secondary-text-color-selected;
|
||||
|
||||
$workspace-button-color-focus-outline: rgba(85,150,230,0.2);
|
||||
$workspace-button-color-primary: #eee;
|
||||
$workspace-button-background-primary: #AD1625;
|
||||
$workspace-button-background-primary-hover: #6E0A1E;
|
||||
|
||||
$typedInput-button-background: #efefef;
|
||||
$typedInput-button-background-hover: #ddd;
|
||||
$typedInput-button-background-active: #ddd;
|
||||
|
||||
$editor-button-color-primary: #eee;
|
||||
$editor-button-background-primary: #AD1625;
|
||||
$editor-button-background-primary-hover: #6E0A1E;
|
||||
$editor-button-color: #999;
|
||||
$editor-button-background: #fff;
|
||||
$workspace-button-color-focus-outline: $form-input-border-color;
|
||||
|
||||
$shade-color: rgba(160,160,160,0.5);
|
||||
|
||||
|
||||
$popover-background: #333;
|
||||
$popover-color: #eee;
|
||||
$popover-button-border-color: #bbb;
|
||||
$popover-button-border-color-hover: #666;
|
||||
|
||||
|
||||
|
||||
$diff-text-header-color: $secondary-text-color;
|
||||
$diff-text-header-background: #ffd;
|
||||
$diff-text-header-background-hover: #ffc;
|
||||
$diff-state-added: #009900;
|
||||
$diff-state-deleted: #f80000;
|
||||
$diff-state-changed: #f89406;
|
||||
$diff-state-changed-background: #fff2e1;
|
||||
$diff-state-unchanged: #bbb;
|
||||
$diff-state-unchanged-background: #fff;
|
||||
|
||||
$diff-state-conflicted: purple;
|
||||
$diff-state-moved: #3f81b3;
|
||||
$diff-state-conflict: #9b45ce;
|
||||
$diff-state-conflict-background: #ffdad4;
|
||||
|
||||
$menuBackground: #f3f3f3;
|
||||
$menuDivider: #e5e5e5;
|
||||
$menuColor: #444;
|
||||
$menuActiveColor: #ffffff;
|
||||
$menuActiveBackground: #777;
|
||||
$menuDisabledColor: #999;
|
||||
$menuHoverColor: #ffffff;
|
||||
$menuHoverBackground: #999;
|
||||
$menuCaret: #e0e0e0;
|
||||
$diff-state-added-background: #e7ffe3;
|
||||
$diff-state-added-border: #b8daad;
|
||||
$diff-state-added-header-background: #c0f6c0;
|
||||
$diff-state-added-header-border: #aaeeaa;
|
||||
|
||||
$diff-state-deleted-background: #ffe1e1;
|
||||
$diff-state-deleted-border: #e4bcbc;
|
||||
$diff-state-deleted-header-background: #ffcccc;
|
||||
$diff-state-deleted-header-border: #eebbbb;
|
||||
|
||||
$keyboard-help-key-border: #ddd;
|
||||
$keyboard-help-key-background: #f6f6f6;
|
||||
$keyboard-help-key-shadow: #999;
|
||||
$diff-merge-header-color: #800080;
|
||||
$diff-merge-header-background: #e5f9ff;
|
||||
$diff-merge-header-border-color: #b2edff;
|
||||
|
||||
$menuBackground: $primary-background;
|
||||
$menuDivider: $secondary-border-color;
|
||||
$menuColor: $primary-text-color;
|
||||
$menuActiveColor: $secondary-text-color-active;
|
||||
$menuActiveBackground: $secondary-background-hover;
|
||||
$menuDisabledColor: $secondary-text-color-disabled;
|
||||
$menuHoverColor: $secondary-text-color-hover;
|
||||
$menuHoverBackground: $secondary-background-hover;
|
||||
$menuCaret: $tertiary-text-color;
|
||||
|
||||
$view-navigator-background: rgba(245,245,245,0.8);
|
||||
|
||||
|
||||
$view-lasso-stroke: #ff7f0e;
|
||||
$view-lasso-fill: rgba(20,125,255,0.1);
|
||||
|
||||
$view-background: $secondary-background;
|
||||
$view-grid-color: #eee;
|
||||
|
||||
$node-label-color: #333;
|
||||
$node-border: #999;
|
||||
$node-border-unknown: #f33;
|
||||
$node-border-placeholder: #aaa;
|
||||
$node-background-placeholder: #eee;
|
||||
|
||||
$node-port-background: #d9d9d9;
|
||||
$node-port-background-hover: #eee;
|
||||
$node-icon-color: #fff;
|
||||
$node-icon-background-color: rgba(0,0,0,0.05);
|
||||
$node-icon-background-color-fill: #000;
|
||||
$node-icon-background-color-opacity: 0.05;
|
||||
$node-icon-border-color: #000;
|
||||
$node-icon-border-color-opacity: 0.1;
|
||||
|
||||
|
||||
$node-link-port-background: #eee;
|
||||
|
||||
$node-status-error-border: rgb(145, 16, 2);
|
||||
$node-status-error-background: rgb(255, 102, 0);
|
||||
$node-status-changed-border: rgb(28, 102, 140);
|
||||
$node-status-changed-background: rgb(0, 188, 255);
|
||||
|
||||
$node-status-colors: (
|
||||
red: #c00,
|
||||
green: #5a8,
|
||||
yellow: #F9DF31,
|
||||
blue: #53A3F3,
|
||||
grey: #d3d3d3
|
||||
);
|
||||
|
||||
|
||||
$node-selected-color: #ff7f0e;
|
||||
$port-selected-color: #ff7f0e;
|
||||
|
||||
$link-color: #888;
|
||||
$link-link-color: #ccc;
|
||||
$link-link-active-color: #ff7f0e;
|
||||
@@ -130,3 +229,56 @@ $link-subflow-color: #bbb;
|
||||
$link-unknown-color: #f00;
|
||||
|
||||
$clipboard-textarea-background: #F3E7E7;
|
||||
|
||||
|
||||
$deploy-button-color: #eee;
|
||||
$deploy-button-color-active: #ccc;
|
||||
$deploy-button-color-disabled: #999;
|
||||
$deploy-button-background: #8C101C;
|
||||
$deploy-button-background-hover: #6E0A1E;
|
||||
$deploy-button-background-active: #4C0A17;
|
||||
$deploy-button-background-disabled: #444;
|
||||
$deploy-button-background-disabled-hover: #555;
|
||||
|
||||
|
||||
$header-background: #000;
|
||||
$header-button-background-active: #121212;
|
||||
$header-menu-color: #C7C7C7;
|
||||
$header-menu-color-disabled: #666;
|
||||
$header-menu-heading-color: #fff;
|
||||
$header-menu-sublabel-color: #aeaeae;
|
||||
$header-menu-background: #121212;
|
||||
$header-menu-item-hover: #323232;
|
||||
$header-menu-item-border-active: #777677;
|
||||
$headerMenuItemDivider: #464646;
|
||||
$headerMenuCaret: #C7C7C7;
|
||||
|
||||
$vcCommitShaColor: #c38888;
|
||||
|
||||
$info-text-code-color: #AD1625;
|
||||
$info-text-link-color: #0088cc;
|
||||
|
||||
$dnd-background: rgba(0,0,0,0.3);
|
||||
$dnd-color: #fff;
|
||||
|
||||
$notification-border-default: #325C80;
|
||||
$notification-border-success: #4B8400;
|
||||
$notification-border-warning: #D74108;
|
||||
$notification-border-error: $text-color-warning;
|
||||
|
||||
$debug-message-background: $secondary-background;
|
||||
$debug-message-background-hover: $secondary-background-selected;
|
||||
|
||||
$debug-message-text-color: #333;
|
||||
$debug-message-text-color-meta: #a66;
|
||||
$debug-message-text-color-object-key: #792e90;
|
||||
$debug-message-text-color-msg-type-other: #2033d6;
|
||||
$debug-message-text-color-msg-type-string: #b72828;
|
||||
$debug-message-text-color-msg-type-null: #666;
|
||||
$debug-message-text-color-msg-type-meta: #666;
|
||||
$debug-message-text-color-msg-type-number: #2033d6;
|
||||
|
||||
$debug-message-border: #eee;
|
||||
$debug-message-border-hover: #999;
|
||||
$debug-message-border-warning: #ffdf9d;
|
||||
$debug-message-border-error: #f99;
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
.red-ui-debug-window {
|
||||
padding:0;
|
||||
margin:0;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
line-height: 20px;
|
||||
.red-ui-debug-msg-payload {
|
||||
font-size: 14px;
|
||||
@@ -38,10 +38,10 @@
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
z-index: 20;
|
||||
background: #f9f9f9;
|
||||
background: $tertiary-background;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
box-shadow: 0 2px 6px $shadow;
|
||||
}
|
||||
.red-ui-debug-filter-row {
|
||||
.red-ui-nodeList {
|
||||
@@ -51,16 +51,16 @@
|
||||
|
||||
.red-ui-debug-msg {
|
||||
position: relative;
|
||||
border-bottom: 1px solid #eee;
|
||||
border-left: 8px solid #eee;
|
||||
border-right: 8px solid #eee;
|
||||
border-bottom: 1px solid $debug-message-border;
|
||||
border-left: 8px solid $debug-message-border;
|
||||
border-right: 8px solid $debug-message-border;
|
||||
padding: 2px;
|
||||
&>.red-ui-debug-msg-meta .red-ui-debug-msg-tools {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.red-ui-debug-msg-hover {
|
||||
border-right-color: #999;
|
||||
border-right-color: $debug-message-border-hover;
|
||||
&>.red-ui-debug-msg-meta .red-ui-debug-msg-tools {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -74,7 +74,7 @@
|
||||
display: inline-block;
|
||||
}
|
||||
&:hover {
|
||||
background: #f3f3f3;
|
||||
background: $debug-message-background-hover;
|
||||
&>.red-ui-debug-msg-tools {
|
||||
.red-ui-debug-msg-tools-copy {
|
||||
display: inline-block;
|
||||
@@ -104,32 +104,24 @@
|
||||
border-radius: 1px;
|
||||
padding: 0 3px;
|
||||
min-width: 18px;
|
||||
i.fa-terminal {
|
||||
// terminal icon is a bit thin, so darken its color for better contrast
|
||||
color: darken($editor-button-color, 30%) !important;
|
||||
}
|
||||
&.selected {
|
||||
color: darken($workspace-button-color-selected, 10%) !important;
|
||||
background: darken($workspace-button-background-active,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.red-ui-debug-msg-meta {
|
||||
background: #fff;
|
||||
background: $debug-message-background;
|
||||
font-size: 11px;
|
||||
color: #707070;
|
||||
color: $secondary-text-color-inactive;
|
||||
}
|
||||
.red-ui-debug-msg-date {
|
||||
padding: 1px 5px 1px 1px;
|
||||
}
|
||||
.red-ui-debug-msg-topic {
|
||||
display: block;
|
||||
color: #a66;
|
||||
color: $debug-message-text-color-meta;
|
||||
}
|
||||
.red-ui-debug-msg-name {
|
||||
padding: 1px 5px;
|
||||
color: #707070;
|
||||
color: $secondary-text-color-inactive;
|
||||
}
|
||||
.red-ui-debug-msg-tools {
|
||||
position: absolute;
|
||||
@@ -145,38 +137,38 @@
|
||||
.red-ui-debug-msg-payload {
|
||||
display: block;
|
||||
padding: 2px;
|
||||
background: #fff;
|
||||
background: $debug-message-background;
|
||||
font-family: $monospace-font;
|
||||
font-size: 13px !important;
|
||||
}
|
||||
.red-ui-debug-msg-level-log {
|
||||
border-left-color: #eee;
|
||||
border-right-color: #eee;
|
||||
border-left-color: $debug-message-border;
|
||||
border-right-color: $debug-message-border;
|
||||
}
|
||||
.red-ui-debug-msg-level-30 {
|
||||
border-left-color: #ffdf9d;
|
||||
border-right-color: #ffdf9d;
|
||||
border-left-color: $debug-message-border-warning;
|
||||
border-right-color: $debug-message-border-warning;
|
||||
}
|
||||
.red-ui-debug-msg-level-20 {
|
||||
border-left-color: #f99;
|
||||
border-right-color: #f99;
|
||||
border-left-color: $debug-message-border-error;
|
||||
border-right-color: $debug-message-border-error;
|
||||
}
|
||||
.red-ui-debug-msg-object-entry {
|
||||
position: relative;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.red-ui-debug-msg-element {
|
||||
color: #333;
|
||||
font-family: $monospace-font;
|
||||
font-size: 13px !important;
|
||||
color: $debug-message-text-color;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
.red-ui-debug-msg-object-key {
|
||||
color: #792e90;
|
||||
color: $debug-message-text-color-object-key;
|
||||
}
|
||||
.red-ui-debug-msg-object-value {
|
||||
|
||||
}
|
||||
.red-ui-debug-msg-object-handle {
|
||||
color: #666;
|
||||
color: $secondary-text-color;
|
||||
font-size: 1em;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
@@ -217,11 +209,11 @@
|
||||
margin: 0 0 0 -1em;
|
||||
}
|
||||
|
||||
.red-ui-debug-msg-type-other { color: #2033d6; }
|
||||
.red-ui-debug-msg-type-string { color: #b72828; }
|
||||
.red-ui-debug-msg-type-null { color: #666; font-style: italic;}
|
||||
.red-ui-debug-msg-type-meta { color: #666; font-style: italic;}
|
||||
.red-ui-debug-msg-type-number { color: #2033d6; };
|
||||
.red-ui-debug-msg-type-other { color: $debug-message-text-color-msg-type-other; }
|
||||
.red-ui-debug-msg-type-string { color: $debug-message-text-color-msg-type-string; }
|
||||
.red-ui-debug-msg-type-null { color: $debug-message-text-color-msg-type-null; font-style: italic;}
|
||||
.red-ui-debug-msg-type-meta { color: $debug-message-text-color-msg-type-meta; font-style: italic;}
|
||||
.red-ui-debug-msg-type-number { color: $debug-message-text-color-msg-type-number; };
|
||||
.red-ui-debug-msg-type-number-toggle { cursor: pointer;}
|
||||
|
||||
.red-ui-debug-msg-row {
|
||||
@@ -229,30 +221,20 @@
|
||||
padding: 4px 2px 2px;
|
||||
position: relative;
|
||||
&.red-ui-debug-msg-row-pinned {
|
||||
background: #f6f6f6;
|
||||
background: $list-item-border-selected;
|
||||
}
|
||||
}
|
||||
.red-ui-debug-msg-expandable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.red-ui-debug-msg-expandable:hover .red-ui-debug-msg-object-handle {
|
||||
color: #b72828 !important;
|
||||
color:$secondary-text-color-hover;
|
||||
}
|
||||
|
||||
.red-ui-debug-msg-buffer-opts a {
|
||||
font-size: 9px;
|
||||
color: #bbb;
|
||||
border: 1px solid #bbb;
|
||||
border-radius: 2px;
|
||||
padding: 2px 5px;
|
||||
.red-ui-debug-msg-buffer-opts {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.red-ui-debug-msg-buffer-opts a:hover {
|
||||
text-decoration: none;
|
||||
color: #999;
|
||||
border: 1px solid #999;
|
||||
background: #f3f3f3;
|
||||
}
|
||||
|
||||
.red-ui-debug-msg-buffer-raw > .red-ui-debug-msg-string-rows {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -23,11 +23,11 @@
|
||||
.red-ui-editableList-container {
|
||||
border-radius:1px;
|
||||
padding:0;
|
||||
background: #f9f9f9;
|
||||
background: $tertiary-background;
|
||||
}
|
||||
.red-ui-diff-list {
|
||||
li {
|
||||
background: #f9f9f9;
|
||||
background: $tertiary-background;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
min-height: 0;
|
||||
@@ -62,7 +62,7 @@
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 50%;
|
||||
background: #f9f9f9;
|
||||
background: $tertiary-background;
|
||||
text-align: center;
|
||||
border-top: 1px solid $secondary-border-color;
|
||||
border-color:$secondary-border-color;
|
||||
@@ -75,16 +75,16 @@
|
||||
|
||||
.red-ui-diff-dialog-toolbar {
|
||||
box-sizing: border-box;
|
||||
color: #666;
|
||||
color: $secondary-text-color;
|
||||
text-align: right;
|
||||
padding: 8px 10px;
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.red-ui-diff-list-flow {
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
background: $secondary-background;
|
||||
border: 1px solid $secondary-border-color;
|
||||
border-radius: 1px;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -114,10 +114,10 @@
|
||||
font-size: 0.9em;
|
||||
|
||||
&:first-child {
|
||||
border-top: 1px solid $secondary-border-color;
|
||||
border-top: 1px solid $tertiary-border-color;
|
||||
}
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
border-bottom: 1px solid $tertiary-border-color;
|
||||
}
|
||||
|
||||
&.collapsed {
|
||||
@@ -150,7 +150,7 @@
|
||||
width: 100%;
|
||||
}
|
||||
td, th {
|
||||
border-top: 1px solid #f3f3f3;
|
||||
border-top: 1px solid $secondary-border-color;
|
||||
border-left: 1px solid $secondary-border-color;
|
||||
&:first-child {
|
||||
border-left: none;
|
||||
@@ -166,7 +166,7 @@
|
||||
overflow:hidden;
|
||||
}
|
||||
&:hover {
|
||||
background: #f9f9f9;
|
||||
background: $secondary-background-selected;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -211,9 +211,8 @@
|
||||
.red-ui-diff-list-flow-title {
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
// background: #f6f6f6;
|
||||
&:hover {
|
||||
background: #f9f9f9;
|
||||
background: $secondary-background-selected;
|
||||
}
|
||||
}
|
||||
.red-ui-diff-list-flow-title-meta {
|
||||
@@ -224,7 +223,7 @@
|
||||
.red-ui-diff-list-node-header {
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: #f9f9f9;
|
||||
background: $secondary-background-selected;
|
||||
}
|
||||
}
|
||||
.red-ui-diff-list-node-icon {
|
||||
@@ -233,9 +232,9 @@
|
||||
margin: 5px;
|
||||
width: 18px;
|
||||
height: 15px;
|
||||
background: #ddd;
|
||||
background: $form-input-background;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid $node-border;
|
||||
background-position: 5% 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
@@ -266,7 +265,6 @@
|
||||
}
|
||||
}
|
||||
.red-ui-diff-status-deleted {
|
||||
//background: #fadddd;
|
||||
cursor: default !important;
|
||||
.red-ui-diff-status {
|
||||
color: $diff-state-deleted;
|
||||
@@ -280,27 +278,23 @@
|
||||
}
|
||||
}
|
||||
.red-ui-diff-status-added {
|
||||
//background: #eefaee;
|
||||
cursor: default !important;
|
||||
.red-ui-diff-status {
|
||||
color: $diff-state-added;
|
||||
}
|
||||
}
|
||||
.red-ui-diff-status-moved {
|
||||
//background: #eefaee;
|
||||
.red-ui-diff-status {
|
||||
color: $diff-state-moved;
|
||||
}
|
||||
}
|
||||
|
||||
.red-ui-diff-status-changed {
|
||||
//background: #fff2ca;
|
||||
.red-ui-diff-status {
|
||||
color: $diff-state-changed;
|
||||
}
|
||||
}
|
||||
.red-ui-diff-status-unchanged {
|
||||
//background: #fff2ca;
|
||||
.red-ui-diff-status {
|
||||
color: $diff-state-unchanged;
|
||||
}
|
||||
@@ -318,7 +312,7 @@
|
||||
}
|
||||
.red-ui-diff-list-node-properties {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
color: $primary-text-color;
|
||||
}
|
||||
.red-ui-diff-status {
|
||||
display: inline-block;
|
||||
@@ -366,12 +360,12 @@
|
||||
position: relative;
|
||||
}
|
||||
.red-ui-diff-empty {
|
||||
background: #f3f3f3;
|
||||
background: $secondary-background-disabled;
|
||||
background: repeating-linear-gradient(
|
||||
20deg,
|
||||
#fff, #fff 5px,
|
||||
#f6f6f6 5px,
|
||||
#f6f6f6 10px
|
||||
$secondary-background, $secondary-background 5px,
|
||||
$secondary-background-disabled 5px,
|
||||
$secondary-background-disabled 10px
|
||||
);
|
||||
}
|
||||
.red-ui-diff-list-node-cell:first-child {
|
||||
@@ -416,9 +410,6 @@
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
& > li:not(:last-child) {
|
||||
border-bottom: 1px solid #999;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -430,57 +421,60 @@
|
||||
|
||||
}
|
||||
.red-ui-diff-list-cell {
|
||||
.red-ui-debug-msg-row:hover {
|
||||
background: none;
|
||||
}
|
||||
&.red-ui-diff-status-changed {
|
||||
background: #fff2e1 !important;
|
||||
background: $diff-state-changed-background;
|
||||
}
|
||||
&.red-ui-diff-status-conflict {
|
||||
background: #ffdad4 !important;
|
||||
background: $diff-state-conflict-background;
|
||||
}
|
||||
}
|
||||
|
||||
.red-ui-diff-selectbox {
|
||||
label.red-ui-diff-selectbox {
|
||||
position: absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
width: 35px;
|
||||
text-align: center;
|
||||
border-left: 1px solid #eee;
|
||||
border-left: 1px solid $secondary-border-color;
|
||||
margin:0;
|
||||
input.red-ui-diff-selectbox-input {
|
||||
input[type="radio"] {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: #f3f3f3;
|
||||
background: $secondary-background-hover;
|
||||
}
|
||||
}
|
||||
|
||||
.red-ui-diff-list-node-conflict.node-diff-select-remote {
|
||||
.red-ui-diff-list-node-remote {
|
||||
background: #e7ffe3;
|
||||
background: $diff-state-added-background;
|
||||
label {
|
||||
border-left-color: #b8daad;
|
||||
border-left-color: $diff-state-added-border;
|
||||
}
|
||||
}
|
||||
.red-ui-diff-list-node-local {
|
||||
background: #ffe1e1;
|
||||
background: $diff-state-deleted-background;
|
||||
label {
|
||||
border-left-color: #e4bcbc;
|
||||
border-left-color: $diff-state-deleted-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
.red-ui-diff-list-node-conflict.node-diff-select-local {
|
||||
.red-ui-diff-list-node-local {
|
||||
background: #e7ffe3;
|
||||
background: $diff-state-added-background;
|
||||
label {
|
||||
border-left-color: #b8daad;
|
||||
border-left-color: $diff-state-added-border;
|
||||
}
|
||||
}
|
||||
.red-ui-diff-list-node-remote {
|
||||
background: #ffe1e1;
|
||||
background: $diff-state-deleted-background;
|
||||
label {
|
||||
border-left-color: #e4bcbc;
|
||||
border-left-color: $diff-state-deleted-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -505,6 +499,12 @@ ul.red-ui-deploy-dialog-confirm-list {
|
||||
font-size: 30px;
|
||||
width: 30px;
|
||||
margin-right: 10px;
|
||||
&.fa-check {
|
||||
color: $text-color-green;
|
||||
}
|
||||
&.fa-exclamation {
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
}
|
||||
div {
|
||||
vertical-align: middle;
|
||||
@@ -540,14 +540,14 @@ ul.red-ui-deploy-dialog-confirm-list {
|
||||
td.lineno {
|
||||
font-family: $monospace-font;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
background: #f6f6f6;
|
||||
color: $tertiary-text-color;
|
||||
background: $tertiary-background;
|
||||
padding: 1px 5px;
|
||||
&.added {
|
||||
background: #c0f6c0;
|
||||
background: $diff-state-added-header-background;
|
||||
}
|
||||
&.removed {
|
||||
background: #ffcccc;
|
||||
background: $diff-state-deleted-header-background;
|
||||
}
|
||||
}
|
||||
td.lineno:nth-child(3) {
|
||||
@@ -557,66 +557,67 @@ ul.red-ui-deploy-dialog-confirm-list {
|
||||
font-family: $monospace-font;
|
||||
white-space: pre-wrap;
|
||||
padding: 1px 5px;
|
||||
border-left: 1px solid #ccc;
|
||||
border-left: 1px solid $tertiary-border-color;
|
||||
span.prefix {
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
|
||||
&.added {
|
||||
border-left-color: #aaeeaa
|
||||
border-left-color: $diff-state-added-header-border;
|
||||
}
|
||||
&.removed {
|
||||
border-left-color: #eebbbb
|
||||
border-left-color: $diff-state-deleted-header-border;
|
||||
}
|
||||
}
|
||||
td.blank {
|
||||
background: #f6f6f6;
|
||||
background: $tertiary-background;
|
||||
}
|
||||
td.added {
|
||||
background: #eefaee;
|
||||
background: $diff-state-added-background;
|
||||
}
|
||||
td.removed {
|
||||
background: #ffecec;
|
||||
background: $diff-state-deleted-background;
|
||||
}
|
||||
tr.mergeHeader td {
|
||||
color: #800080;
|
||||
background: #e5f9ff;
|
||||
color: $diff-merge-header-color;
|
||||
background: $diff-merge-header-background;
|
||||
height: 26px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
tr.mergeHeader-separator td {
|
||||
color: #800080;
|
||||
background: darken(#e5f9ff, 10%);
|
||||
color: $diff-merge-header-color;
|
||||
background: $diff-merge-header-border-color;
|
||||
height: 0px;
|
||||
}
|
||||
tr.mergeHeader-ours td {
|
||||
border-top: 2px solid darken(#e5f9ff, 10%);
|
||||
border-top: 2px solid $diff-merge-header-border-color;
|
||||
}
|
||||
tr.mergeHeader-theirs td {
|
||||
border-bottom: 2px solid darken(#e5f9ff, 10%);
|
||||
border-bottom: 2px solid $diff-merge-header-border-color;
|
||||
}
|
||||
td.unchanged {
|
||||
color: #999;
|
||||
background: $diff-state-unchanged-background;
|
||||
color: $diff-state-unchanged;
|
||||
}
|
||||
tr.unchanged {
|
||||
background: #fefefe;
|
||||
background: $diff-state-unchanged-background;
|
||||
}
|
||||
tr.start-block {
|
||||
border-top: 1px solid #f0f0f0;
|
||||
border-top: 1px solid $secondary-border-color;
|
||||
}
|
||||
tr.end-block {
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
}
|
||||
tr.red-ui-diff-text-file-header td {
|
||||
.filename {
|
||||
font-family: $monospace-font;
|
||||
}
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
padding: 5px 10px 5px 0;
|
||||
color: #333;
|
||||
color: $primary-text-color;
|
||||
cursor: pointer;
|
||||
i.red-ui-diff-list-chevron {
|
||||
width: 30px;
|
||||
@@ -628,9 +629,9 @@ ul.red-ui-deploy-dialog-confirm-list {
|
||||
}
|
||||
}
|
||||
tr.red-ui-diff-text-commit-header td {
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
padding: 5px 10px;
|
||||
color: #333;
|
||||
color: $primary-text-color;
|
||||
h3 {
|
||||
font-size: 1.4em;
|
||||
margin: 0;
|
||||
@@ -638,7 +639,7 @@ ul.red-ui-deploy-dialog-confirm-list {
|
||||
.commit-summary {
|
||||
border-top: 1px solid $secondary-border-color;
|
||||
padding-top: 5px;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
.commit-body {
|
||||
margin-bottom:15px;
|
||||
@@ -651,17 +652,17 @@ ul.red-ui-deploy-dialog-confirm-list {
|
||||
font-family: $monospace-font;
|
||||
padding: 5px 10px;
|
||||
text-align: left;
|
||||
color: #666;
|
||||
background: #ffd;
|
||||
color: $secondary-text-color;
|
||||
background: $diff-text-header-background;
|
||||
height: 30px;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid #f0f0f0;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
border-top: 1px solid $secondary-border-color;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
}
|
||||
tr.red-ui-diff-text-expand td {
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: #ffc;
|
||||
background: $diff-text-header-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
position: absolute;
|
||||
top: 0; bottom: 0;
|
||||
left: 0; right: 0;
|
||||
background: rgba(0,0,0,0.3);
|
||||
background: $dnd-background;
|
||||
display:table;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -30,7 +30,7 @@
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
color: #fff;
|
||||
color: $dnd-color;
|
||||
i {
|
||||
pointer-events: none;
|
||||
font-size: 80px;
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
list-style: none;
|
||||
background: $menuBackground;
|
||||
border: 1px solid $secondary-border-color;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px $shadow;
|
||||
|
||||
&.pull-right {
|
||||
right: 0;
|
||||
@@ -45,7 +45,7 @@
|
||||
}
|
||||
& > li > a {
|
||||
display: block;
|
||||
padding: 3px 0 3px 32px;
|
||||
padding: 4px 0 4px 32px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
@@ -168,5 +168,5 @@
|
||||
}
|
||||
|
||||
.red-ui-menu-dropdown-submenu.disabled > a:before {
|
||||
border-right-color: #444;
|
||||
border-right-color: $menuCaret;
|
||||
}
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
width: auto;
|
||||
right: -1000px;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
border-left: 1px solid $secondary-border-color;
|
||||
border-bottom: 1px solid $primary-border-color;
|
||||
box-sizing: content-box;
|
||||
@@ -111,10 +111,11 @@
|
||||
}
|
||||
|
||||
.red-ui-tray-titlebar {
|
||||
color: $header-text-color;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
padding: 8px;
|
||||
}
|
||||
.red-ui-tray-breadcrumbs {
|
||||
.red-ui-editor ul.red-ui-tray-breadcrumbs {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding:0;
|
||||
@@ -125,7 +126,7 @@
|
||||
margin:0;
|
||||
|
||||
&:not(:last-child) {
|
||||
color: $editor-button-color;
|
||||
color: $workspace-button-color;
|
||||
font-weight: normal;
|
||||
|
||||
&:after {
|
||||
@@ -146,7 +147,7 @@
|
||||
background: $primary-background url(images/grip.png) no-repeat 50% 50%;
|
||||
cursor: col-resize;
|
||||
border-left: 1px solid $primary-border-color;
|
||||
box-shadow: -1px 0 6px rgba(0,0,0,0.1);
|
||||
box-shadow: -1px 0 6px $shadow;
|
||||
|
||||
&.red-ui-tray-resize-maximised {
|
||||
background: $primary-background;
|
||||
@@ -166,20 +167,19 @@ button.red-ui-tray-resize-button {
|
||||
color: $workspace-button-color;
|
||||
}
|
||||
|
||||
.red-ui-editor {
|
||||
.red-ui-editor .red-ui-tray {
|
||||
.dialog-form, #dialog-form, #node-config-dialog-edit-form {
|
||||
margin: 20px;
|
||||
height: calc(100% - 40px);
|
||||
}
|
||||
}
|
||||
.red-ui-editor-dialog {
|
||||
|
||||
.red-ui-editor,.red-ui-editor-dialog {
|
||||
|
||||
.dialog-form, #dialog-form, #node-config-dialog-edit-form {
|
||||
margin: 0;
|
||||
height:100%;
|
||||
}
|
||||
}
|
||||
|
||||
.red-ui-editor,.red-ui-editor-dialog {
|
||||
|
||||
.input-error {
|
||||
border-color: $form-input-border-error-color !important;
|
||||
@@ -198,7 +198,7 @@ button.red-ui-tray-resize-button {
|
||||
width:70%;
|
||||
}
|
||||
.form-tips {
|
||||
background: #ffe;
|
||||
background: $form-tips-background;
|
||||
padding: 8px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid $secondary-border-color;
|
||||
@@ -213,7 +213,7 @@ button.red-ui-tray-resize-button {
|
||||
}
|
||||
|
||||
.form-warning {
|
||||
border-color: #d6615f;
|
||||
border-color: $text-color-warning;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -230,7 +230,7 @@ button.red-ui-tray-resize-button {
|
||||
}
|
||||
}
|
||||
.red-ui-editor-text-container {
|
||||
border:1px solid #ccc;
|
||||
border:1px solid $tertiary-border-color;
|
||||
border-radius:5px;
|
||||
overflow: hidden;
|
||||
font-size: $primary-font-size !important;
|
||||
@@ -271,7 +271,7 @@ button.editor-button-small {
|
||||
#red-ui-editor-config-scope-warning {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
color: #AD1625;
|
||||
color: $text-color-warning;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#red-ui-editor-config-scope {
|
||||
@@ -282,7 +282,7 @@ button.editor-button-small {
|
||||
|
||||
}
|
||||
|
||||
.red-ui-editor-type-expression #dialog-form {
|
||||
.red-ui-editor .red-ui-tray .red-ui-editor-type-expression #dialog-form {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
.red-ui-panel {
|
||||
@@ -317,47 +317,38 @@ button.editor-button-small {
|
||||
}
|
||||
}
|
||||
}
|
||||
.red-ui-editor-type-expression-legacy, .red-ui-editor-type-buffer-type {
|
||||
font-size: 0.8em;
|
||||
.red-ui-editor-type-expression-legacy {
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
border: 1px solid white;
|
||||
padding: 2px 5px;
|
||||
border-radius: 2px;
|
||||
&:hover {
|
||||
border-color: $form-input-border-color;
|
||||
}
|
||||
}
|
||||
.red-ui-editor-type-buffer-type {
|
||||
float: none;
|
||||
text-align: right;
|
||||
}
|
||||
.red-ui-editor-type-markdown-editor #dialog-form {
|
||||
.red-ui-editor .red-ui-tray .red-ui-editor-type-markdown-editor #dialog-form {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
.red-ui-panel {
|
||||
padding: 20px 20px 10px;
|
||||
&:last-child {
|
||||
padding-top: 60px;
|
||||
background: #f9f9f9;
|
||||
background: $primary-background;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.red-ui-editor-type-markdown-panel-preview {
|
||||
padding: 10px;
|
||||
border:1px solid #ccc;
|
||||
border:1px solid $secondary-border-color;
|
||||
border-radius:5px;
|
||||
height: calc(100% - 21px);
|
||||
overflow-y: scroll;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
}
|
||||
|
||||
#red-ui-clipboard-hidden {
|
||||
position: absolute;
|
||||
top: -3000px;
|
||||
}
|
||||
.red-ui-editor-node-label-form-row {
|
||||
.form-row .red-ui-editor-node-label-form-row {
|
||||
margin: 5px 0 0 50px;
|
||||
label {
|
||||
margin-right: 20px;
|
||||
@@ -382,17 +373,11 @@ button.editor-button-small {
|
||||
span {
|
||||
padding-left: 50px;
|
||||
width: 100px;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.ace_read-only {
|
||||
background: #eee !important;
|
||||
.ace_cursor {
|
||||
color: transparent !important;
|
||||
}
|
||||
|
||||
}
|
||||
#red-ui-editor-node-icon-button {
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
@@ -411,7 +396,7 @@ button.editor-button-small {
|
||||
position: absolute;
|
||||
border: 1px solid $primary-border-color;
|
||||
box-shadow: 0 1px 6px -3px black;
|
||||
background: white;
|
||||
background: $secondary-background;
|
||||
z-Index: 21;
|
||||
display: none;
|
||||
select {
|
||||
@@ -433,12 +418,12 @@ button.editor-button-small {
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
&:hover {
|
||||
background: lighten($node-selected-color,20%);
|
||||
background: $list-item-background-hover;
|
||||
}
|
||||
&.selected {
|
||||
background: lighten($node-selected-color,20%);
|
||||
background: $list-item-background-selected;
|
||||
.red-ui-search-result-node {
|
||||
border-color: white;
|
||||
// border-color: white;
|
||||
}
|
||||
}
|
||||
.red-ui-palette-icon-fa {
|
||||
@@ -450,7 +435,7 @@ button.editor-button-small {
|
||||
background: $palette-header-background;
|
||||
font-size: 0.9em;
|
||||
padding: 3px;
|
||||
color: #666;
|
||||
color: $secondary-text-color;
|
||||
clear: both;
|
||||
i {
|
||||
margin-right: 5px;
|
||||
@@ -458,9 +443,11 @@ button.editor-button-small {
|
||||
}
|
||||
.red-ui-icon-meta {
|
||||
border-top: 1px solid $secondary-border-color;
|
||||
background: $tertiary-background;
|
||||
height: 24px;
|
||||
span {
|
||||
padding: 4px;
|
||||
color: #666;
|
||||
color: $secondary-text-color;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
button {
|
||||
|
||||
@@ -21,28 +21,25 @@
|
||||
stroke-dasharray: 10 5;
|
||||
}
|
||||
|
||||
.node_label_italic {
|
||||
.node_label_italic, // deprecated: use red-ui-flow-node-label-italic
|
||||
.red-ui-flow-node-label-italic {
|
||||
font-style: italic;
|
||||
}
|
||||
.node_label_unknown {
|
||||
font-style: italic;
|
||||
fill: #e00 !important;
|
||||
.red-ui-flow-node-label-white {
|
||||
fill: $view-background !important;
|
||||
}
|
||||
.node_label_white {
|
||||
fill: #eee !important;
|
||||
}
|
||||
.node_label {
|
||||
.red-ui-flow-node-label {
|
||||
stroke-width: 0;
|
||||
fill: #333;
|
||||
fill: $node-label-color;
|
||||
font-size: 14px;
|
||||
pointer-events: none;
|
||||
-webkit-touch-callout: none;
|
||||
@include disable-selection;
|
||||
}
|
||||
|
||||
.port_label {
|
||||
.red-ui-flow-port-label {
|
||||
stroke-width: 0;
|
||||
fill: #888;
|
||||
fill: $secondary-text-color;
|
||||
font-size: 16px;
|
||||
alignment-baseline: middle;
|
||||
text-anchor: middle;
|
||||
@@ -52,158 +49,142 @@
|
||||
}
|
||||
|
||||
|
||||
.function_label {
|
||||
font-size: 12px;
|
||||
}
|
||||
.node {
|
||||
stroke: #999;
|
||||
.red-ui-flow-node {
|
||||
stroke: $node-border;
|
||||
cursor: move;
|
||||
stroke-width: 1;
|
||||
}
|
||||
.node_unknown {
|
||||
.red-ui-flow-node-unknown {
|
||||
stroke-dasharray:10,4;
|
||||
stroke: #f33;
|
||||
stroke: $node-border-unknown;
|
||||
}
|
||||
.node_placeholder {
|
||||
.red-ui-flow-node-placeholder {
|
||||
stroke-dasharray:10,4;
|
||||
stroke: #aaa;
|
||||
fill: #eee;
|
||||
stroke: $node-border-placeholder;
|
||||
fill: $node-background-placeholder;
|
||||
opacity: 0.5;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.node_button {
|
||||
fill: inherit;
|
||||
.red-ui-flow-node-icon-group {
|
||||
.fa-lg {
|
||||
stroke: none;
|
||||
fill: $node-icon-color;
|
||||
text-anchor: middle;
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
}
|
||||
.red-ui-flow-node-icon-shade {
|
||||
stroke: none;
|
||||
fill: $node-icon-background-color-fill;
|
||||
fill-opacity: $node-icon-background-color-opacity;
|
||||
}
|
||||
.red-ui-flow-node-icon-shade-border {
|
||||
stroke-opacity: $node-icon-border-color-opacity;
|
||||
stroke: $node-icon-border-color;
|
||||
stroke-width: 1;
|
||||
}
|
||||
|
||||
.port {
|
||||
stroke: #999;
|
||||
.red-ui-flow-node-button {
|
||||
fill: inherit;
|
||||
}
|
||||
.red-ui-flow-node-button-background {
|
||||
fill: $node-background-placeholder;
|
||||
}
|
||||
|
||||
.red-ui-flow-port {
|
||||
stroke: $node-border;
|
||||
stroke-width: 1;
|
||||
fill: #ddd;
|
||||
fill: $node-port-background;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.port_highlight {
|
||||
stroke: #6DA332;
|
||||
stroke-width: 3;
|
||||
fill: #fff;
|
||||
pointer-events:none;
|
||||
fill-opacity: 0.5;
|
||||
}
|
||||
|
||||
.red-ui-view-node-error {
|
||||
fill: rgb(255, 102, 0);
|
||||
stroke: rgb(145, 16, 2);
|
||||
.red-ui-flow-node-error {
|
||||
fill: $node-status-error-background;
|
||||
stroke: $node-status-error-border;
|
||||
stroke-width:1px;
|
||||
cursor: default;
|
||||
stroke-linejoin: round;
|
||||
stroke-linecap: round;
|
||||
}
|
||||
.red-ui-view-node-changed {
|
||||
fill: rgb(0, 188, 255);
|
||||
stroke: rgb(28, 102, 140);
|
||||
.red-ui-flow-node-changed {
|
||||
fill: $node-status-changed-background;
|
||||
stroke: $node-status-changed-border;
|
||||
cursor: default;
|
||||
stroke-width:1px;
|
||||
stroke-linejoin: round;
|
||||
stroke-linecap: round;
|
||||
}
|
||||
|
||||
.node_badge {
|
||||
stroke: rgb(93, 114, 145);
|
||||
stroke-width: 1;
|
||||
fill: rgb(190, 209, 255);
|
||||
}
|
||||
.node_badge_label {
|
||||
stroke-width:0;
|
||||
fill: #fff;
|
||||
font-size: 11px;
|
||||
pointer-events: none;
|
||||
-webkit-touch-callout: none;
|
||||
@include disable-selection;
|
||||
|
||||
}
|
||||
.node_invalid {
|
||||
stroke: #ff0000;
|
||||
}
|
||||
.node_selected {
|
||||
.red-ui-flow-node-selected {
|
||||
stroke-width: 2;
|
||||
stroke: $node-selected-color !important;
|
||||
}
|
||||
.node_highlighted {
|
||||
border-color: #dd1616 !important;
|
||||
.red-ui-flow-node-highlighted {
|
||||
border-color: $node-selected-color !important;
|
||||
border-style: dashed !important;
|
||||
stroke: #dd1616;
|
||||
stroke: $node-selected-color;
|
||||
stroke-width: 2;
|
||||
stroke-dasharray: 10, 4;
|
||||
}
|
||||
.node_hovered {
|
||||
}
|
||||
|
||||
.node_subflow .node {
|
||||
.red-ui-flow-subflow .red-ui-flow-node {
|
||||
stroke-dasharray:8, 3;
|
||||
}
|
||||
.workspace-disabled {
|
||||
.link_line {
|
||||
.red-ui-workspace-disabled {
|
||||
.red-ui-flow-link-line {
|
||||
stroke-dasharray: 10,5 !important;
|
||||
stroke-width: 2 !important;
|
||||
stroke: $link-subflow-color;
|
||||
}
|
||||
.node {
|
||||
.red-ui-flow-node {
|
||||
stroke-dasharray: 10,4;
|
||||
}
|
||||
}
|
||||
|
||||
.node_quickadd * {
|
||||
stroke-dasharray: 12,3;
|
||||
@each $current-color in red green yellow blue grey {
|
||||
.red-ui-flow-node-status-dot-#{$current-color} {
|
||||
fill: map-get($node-status-colors,$current-color);
|
||||
stroke: map-get($node-status-colors,$current-color);
|
||||
}
|
||||
.red-ui-flow-node-status-ring-#{$current-color} {
|
||||
fill: $view-background;
|
||||
stroke: map-get($node-status-colors,$current-color);
|
||||
}
|
||||
}
|
||||
|
||||
.node_status_label {
|
||||
.red-ui-flow-node-status-label {
|
||||
@include disable-selection;
|
||||
stroke-width: 0;
|
||||
fill: #888;
|
||||
fill: $secondary-text-color;
|
||||
font-size:9pt;
|
||||
stroke:#000;
|
||||
text-anchor:start;
|
||||
}
|
||||
|
||||
.port_hovered {
|
||||
stroke: $port-selected-color !important;
|
||||
fill: $port-selected-color !important;
|
||||
}
|
||||
|
||||
.port_quick_link {
|
||||
.red-ui-flow-port-hovered {
|
||||
stroke: $port-selected-color;
|
||||
fill: $port-selected-color;
|
||||
}
|
||||
|
||||
|
||||
.subflowport {
|
||||
.red-ui-flow-subflow-port {
|
||||
stroke-dasharray: 5,5;
|
||||
fill: #eee;
|
||||
stroke: #999;
|
||||
fill: $node-background-placeholder;
|
||||
stroke: $node-border;
|
||||
}
|
||||
|
||||
.drag_line {
|
||||
.red-ui-flow-drag-line {
|
||||
stroke: $node-selected-color !important;
|
||||
stroke-width: 3;
|
||||
fill: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.drag_line_hidden {
|
||||
stroke: $node-selected-color;
|
||||
stroke-width: 0;
|
||||
pointer-events: none;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.link_line {
|
||||
.red-ui-flow-link-line {
|
||||
stroke: $link-color;
|
||||
stroke-width: 3;
|
||||
fill: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
.link_link {
|
||||
.red-ui-flow-link-link {
|
||||
stroke-width: 2;
|
||||
stroke-dasharray: 10,5;
|
||||
stroke: $link-link-color;
|
||||
@@ -211,55 +192,55 @@
|
||||
stroke-dasharray: 15,2;
|
||||
// pointer-events: none;
|
||||
}
|
||||
.link_port {
|
||||
fill: #eee;
|
||||
.red-ui-flow-link-port {
|
||||
fill: $node-link-port-background;
|
||||
stroke: $link-link-color;
|
||||
stroke-width: 1;
|
||||
}
|
||||
.link_group_active .link_port {
|
||||
.red-ui-flow-link-group-active .red-ui-flow-link-port {
|
||||
stroke: $link-link-active-color;
|
||||
}
|
||||
.link_group:hover {
|
||||
.red-ui-flow-link-group:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.link_subflow {
|
||||
.red-ui-flow-subflow-link {
|
||||
stroke: $link-subflow-color;
|
||||
stroke-dasharray: 10,5;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.link_outline {
|
||||
stroke: #fff;
|
||||
.red-ui-flow-link-outline {
|
||||
stroke: $view-background;
|
||||
stroke-width: 5;
|
||||
cursor: crosshair;
|
||||
fill: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
.link_background {
|
||||
stroke: #fff;
|
||||
.red-ui-flow-link-background {
|
||||
stroke: $view-background;
|
||||
opacity: 0;
|
||||
stroke-width: 20;
|
||||
cursor: crosshair;
|
||||
fill: none;
|
||||
}
|
||||
.link_splice > .link_line {
|
||||
.red-ui-flow-link-splice > .red-ui-flow-link-line {
|
||||
stroke-dasharray: 15,8;
|
||||
}
|
||||
|
||||
g.link_selected path.link_line {
|
||||
g.red-ui-flow-link-selected path.red-ui-flow-link-line {
|
||||
stroke: $node-selected-color;
|
||||
}
|
||||
g.link_unknown path.link_line {
|
||||
g.red-ui-flow-link-unknown path.red-ui-flow-link-line {
|
||||
stroke: $link-unknown-color;
|
||||
stroke-width: 2;
|
||||
stroke-dasharray: 10, 4;
|
||||
}
|
||||
|
||||
@keyframes port_tooltip_fadeIn { from { opacity:0; } to { opacity:1; } }
|
||||
@keyframes red-ui-flow-port-tooltip-fadeIn { from { opacity:0; } to { opacity:1; } }
|
||||
|
||||
.port_tooltip {
|
||||
.red-ui-flow-port-tooltip {
|
||||
opacity:0;
|
||||
animation: 0.1s ease-in 0s 1 normal forwards port_tooltip_fadeIn;
|
||||
animation: 0.1s ease-in 0s 1 normal forwards red-ui-flow-port-tooltip-fadeIn;
|
||||
pointer-events: none;
|
||||
|
||||
path {
|
||||
@@ -268,7 +249,7 @@ g.link_unknown path.link_line {
|
||||
stroke-width: 1;
|
||||
}
|
||||
}
|
||||
.port_tooltip_label {
|
||||
.red-ui-flow-port-tooltip-label {
|
||||
stroke-width: 0;
|
||||
fill: $popover-color;
|
||||
font-family: $primary-font;
|
||||
|
||||
@@ -99,14 +99,13 @@
|
||||
margin-bottom: 20px;
|
||||
font-size: 21px;
|
||||
line-height: 40px;
|
||||
color: #333333;
|
||||
color: $tertiary-text-color;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
}
|
||||
|
||||
legend small {
|
||||
font-size: 15px;
|
||||
color: #999999;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
|
||||
|
||||
@@ -194,7 +193,6 @@
|
||||
.uneditable-input {
|
||||
background-color: $form-input-background;
|
||||
border: 1px solid $form-input-border-color;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
|
||||
textarea:focus,
|
||||
@@ -258,18 +256,16 @@
|
||||
input[type="file"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
input[type="checkbox"]:focus {
|
||||
outline: thin dotted #333;
|
||||
outline: 2px auto $form-input-focus-color;
|
||||
outline-offset: -3px;
|
||||
}
|
||||
|
||||
.uneditable-input,
|
||||
.uneditable-textarea {
|
||||
color: #999999;
|
||||
color: $form-text-color-disabled;
|
||||
cursor: not-allowed;
|
||||
background-color: #fcfcfc;
|
||||
border-color: #cccccc;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
|
||||
background-color: $form-input-background-disabled;
|
||||
border-color: $form-input-border-color;
|
||||
}
|
||||
|
||||
.uneditable-input {
|
||||
@@ -386,7 +382,7 @@
|
||||
}
|
||||
|
||||
label.disabled {
|
||||
color: #bbb !important;
|
||||
color: $form-text-color-disabled;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
@@ -407,20 +403,25 @@
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input:invalid,
|
||||
div[contenteditable="true"]:invalid,
|
||||
textarea:invalid,
|
||||
select:invalid {
|
||||
border-color: $form-input-border-error-color;
|
||||
}
|
||||
|
||||
input:focus:invalid,
|
||||
div[contenteditable="true"]:focus:invalid,
|
||||
textarea:focus:invalid,
|
||||
select:focus:invalid {
|
||||
color: #b94a48;
|
||||
border-color: #ee5f5b;
|
||||
border-color: $form-input-border-error-color;
|
||||
}
|
||||
|
||||
input:focus:invalid:focus,
|
||||
div[contenteditable="true"]:focus:invalid:focus,
|
||||
textarea:focus:invalid:focus,
|
||||
select:focus:invalid:focus {
|
||||
border-color: #e9322d;
|
||||
box-shadow: 0 0 6px #f8b9b7;
|
||||
border-color: $form-input-border-error-color;
|
||||
}
|
||||
|
||||
.input-append,
|
||||
@@ -484,9 +485,8 @@
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
background-color: #eeeeee;
|
||||
border: 1px solid #ccc;
|
||||
background-color: $form-button-background;
|
||||
border: 1px solid $form-input-border-color;
|
||||
}
|
||||
|
||||
.input-append .add-on,
|
||||
@@ -499,12 +499,6 @@
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.input-append .active,
|
||||
.input-prepend .active {
|
||||
background-color: #a9dba9;
|
||||
border-color: #46a546;
|
||||
}
|
||||
|
||||
.input-prepend .add-on,
|
||||
.input-prepend .btn {
|
||||
margin-right: -1px;
|
||||
|
||||
@@ -14,22 +14,6 @@
|
||||
* limitations under the License.
|
||||
**/
|
||||
|
||||
$activeButton: #121212;
|
||||
|
||||
$deployButton: #8C101C;
|
||||
$deployButtonHover: #6E0A1E;
|
||||
$deployButtonActive: #4C0A17;
|
||||
|
||||
$deployDisabledButton: #444;
|
||||
$deployDisabledButtonHover: #555;
|
||||
$deployDisabledButtonActive: #444;
|
||||
|
||||
$headerMenuColor: #C7C7C7;
|
||||
$headerMenuBackground: #121212;
|
||||
$headerMenuItemHover: #323232;
|
||||
$headerMenuItemDivider: #464646;
|
||||
|
||||
|
||||
.button {
|
||||
@include disable-selection;
|
||||
}
|
||||
@@ -40,10 +24,10 @@ $headerMenuItemDivider: #464646;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: #000;
|
||||
background: $header-background;
|
||||
box-sizing: border-box;
|
||||
padding: 0px 0px 0px 20px;
|
||||
color: $headerMenuColor;
|
||||
color: $header-menu-color;
|
||||
font-size: 14px;
|
||||
|
||||
span.red-ui-header-logo {
|
||||
@@ -96,17 +80,17 @@ $headerMenuItemDivider: #464646;
|
||||
font-size: 20px;
|
||||
padding: 0px 12px;
|
||||
text-decoration: none;
|
||||
color: $headerMenuColor;
|
||||
color: $header-menu-color;
|
||||
margin: auto 5px;
|
||||
vertical-align: middle;
|
||||
border-left: 2px solid #000;
|
||||
border-right: 2px solid #000;
|
||||
border-left: 2px solid $header-background;
|
||||
border-right: 2px solid $header-background;
|
||||
|
||||
&:hover {
|
||||
border-color: $headerMenuItemHover;
|
||||
border-color: $header-menu-item-hover;
|
||||
}
|
||||
&:active, &.active {
|
||||
background: $activeButton;
|
||||
background: $header-button-background-active;
|
||||
}
|
||||
&:focus {
|
||||
outline: none;
|
||||
@@ -131,16 +115,18 @@ $headerMenuItemDivider: #464646;
|
||||
}
|
||||
|
||||
.red-ui-deploy-button {
|
||||
background: $deployButton;
|
||||
color: #eee !important;
|
||||
background: $deploy-button-background;
|
||||
color: $deploy-button-color;
|
||||
|
||||
&:hover {
|
||||
background: $deployButtonHover;
|
||||
background: $deploy-button-background-hover;
|
||||
}
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: $deployButtonActive;
|
||||
color: #ccc !important;
|
||||
background: $deploy-button-background-active;
|
||||
color: $deploy-button-color-active;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -162,21 +148,21 @@ $headerMenuItemDivider: #464646;
|
||||
padding: 4px 12px;
|
||||
&.disabled {
|
||||
cursor: default;
|
||||
background: $deployDisabledButton;
|
||||
color: #999 !important;
|
||||
background: $deploy-button-background-disabled;
|
||||
color: $deploy-button-color-disabled;
|
||||
|
||||
.red-ui-deploy-button-content>img {
|
||||
opacity: 0.3;
|
||||
}
|
||||
&+ #red-ui-header-button-deploy-options {
|
||||
background: $deployDisabledButton;
|
||||
color: #ddd;
|
||||
background: $deploy-button-background-disabled;
|
||||
color: $deploy-button-color-active;
|
||||
}
|
||||
&+ #red-ui-header-button-deploy-options:hover {
|
||||
background: $deployDisabledButtonHover;
|
||||
background: $deploy-button-background-disabled-hover;
|
||||
}
|
||||
&+ #red-ui-header-button-deploy-options:active {
|
||||
background: $deployDisabledButton;
|
||||
background: $deploy-button-background-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -187,32 +173,32 @@ $headerMenuItemDivider: #464646;
|
||||
|
||||
.red-ui-deploy-button-group.open {
|
||||
#red-ui-header-button-deploy-options {
|
||||
background: $activeButton !important;
|
||||
background: $header-button-background-active !important;
|
||||
}
|
||||
}
|
||||
|
||||
li.open .button {
|
||||
background: $activeButton;
|
||||
border-color: $activeButton;
|
||||
background: $header-button-background-active;
|
||||
border-color: $header-button-background-active;
|
||||
}
|
||||
|
||||
|
||||
ul.red-ui-menu-dropdown {
|
||||
background: $headerMenuBackground;
|
||||
border: 1px solid rgba(0,0,0,0.2);
|
||||
background: $header-menu-background;
|
||||
border: 1px solid $header-menu-background;
|
||||
width: 250px !important;
|
||||
margin-top: 0;
|
||||
li a {
|
||||
color: $headerMenuColor;
|
||||
color: $header-menu-color;
|
||||
padding: 3px 40px;
|
||||
img {
|
||||
margin-right: 10px;
|
||||
padding: 4px;
|
||||
border: 3px solid rgba(0,0,0,0);
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
|
||||
&.active img {
|
||||
border: 3px solid #777677;
|
||||
border: 3px solid $header-menu-item-border-active;
|
||||
}
|
||||
|
||||
span.red-ui-menu-label-container {
|
||||
@@ -227,7 +213,7 @@ $headerMenuItemDivider: #464646;
|
||||
text-indent: 0px;
|
||||
}
|
||||
span.red-ui-menu-sublabel {
|
||||
color: #aeaeae;
|
||||
color: $header-menu-sublabel-color;
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
text-indent: 0px;
|
||||
@@ -235,40 +221,43 @@ $headerMenuItemDivider: #464646;
|
||||
}
|
||||
> li:hover > a,
|
||||
> li:focus > a {
|
||||
background: $headerMenuItemHover !important;
|
||||
background: $header-menu-item-hover !important;
|
||||
}
|
||||
li.divider {
|
||||
background: $headerMenuItemDivider;
|
||||
border-bottom-color: $headerMenuItemHover;
|
||||
border-bottom-color: $header-menu-item-hover;
|
||||
}
|
||||
li.disabled a {
|
||||
color: #666;
|
||||
color: $header-menu-color-disabled;
|
||||
}
|
||||
> li.disabled:hover > a,
|
||||
> li.disabled:focus > a {
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
.red-ui-menu-dropdown-submenu>a:before {
|
||||
border-right-color: $headerMenuCaret;
|
||||
}
|
||||
|
||||
/* Deploy menu customisations */
|
||||
ul#red-ui-header-button-deploy-options-submenu {
|
||||
width: 300px !important;
|
||||
li a {
|
||||
padding: 10px 30px;
|
||||
color: #fff;
|
||||
color: $header-menu-heading-color;
|
||||
span.red-ui-menu-label {
|
||||
font-size: 16px;
|
||||
display: inline-block;
|
||||
text-indent: 0px;
|
||||
}
|
||||
> i.fa {
|
||||
display: none !important;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* User menu customisations */
|
||||
#usermenu-item-username > .red-ui-menu-label {
|
||||
color: #fff;
|
||||
color: $header-menu-heading-color;
|
||||
}
|
||||
|
||||
#red-ui-header-button-user .user-profile {
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
|
||||
.ui-dialog {
|
||||
border-radius: 1px;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
padding: 0;
|
||||
@include component-shadow;
|
||||
}
|
||||
@@ -51,16 +51,20 @@
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
padding: 10px;
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
border: none;
|
||||
border-bottom: 1px solid #999;
|
||||
border-bottom: 1px solid $primary-border-color;
|
||||
border-radius: 0;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
|
||||
background: $tertiary-background;
|
||||
|
||||
}
|
||||
.ui-corner-all {
|
||||
border-radius: 1px;
|
||||
}
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
}
|
||||
.ui-dialog-no-close .ui-dialog-titlebar-close {
|
||||
display: none;
|
||||
@@ -80,8 +84,8 @@
|
||||
padding: 6px 14px;
|
||||
margin-right: 8px;
|
||||
border-radius: 2px;
|
||||
color: $editor-button-color;
|
||||
background: $editor-button-background;
|
||||
color: $workspace-button-color;
|
||||
background: $workspace-button-background;
|
||||
|
||||
&.leftButton {
|
||||
float: left;
|
||||
@@ -92,18 +96,18 @@
|
||||
}
|
||||
|
||||
&.primary {
|
||||
border-color: $editor-button-background-primary;
|
||||
color: $editor-button-color-primary !important;
|
||||
background: $editor-button-background-primary;
|
||||
border-color: $workspace-button-background-primary;
|
||||
color: $workspace-button-color-primary !important;
|
||||
background: $workspace-button-background-primary;
|
||||
&:not(.disabled):hover {
|
||||
border-color: $editor-button-background-primary-hover;
|
||||
background: $editor-button-background-primary-hover;
|
||||
color: $editor-button-color-primary !important;
|
||||
border-color: $workspace-button-background-primary-hover;
|
||||
background: $workspace-button-background-primary-hover;
|
||||
color: $workspace-button-color-primary !important;
|
||||
}
|
||||
&.disabled {
|
||||
border-color: $form-input-border-color;
|
||||
color: $workspace-button-color-disabled !important;
|
||||
background: $editor-button-background;
|
||||
background: $workspace-button-background;
|
||||
}
|
||||
}
|
||||
&.disabled {
|
||||
@@ -130,15 +134,12 @@
|
||||
border: 1px solid $form-input-border-color;
|
||||
}
|
||||
.ui-spinner input {
|
||||
background: $form-input-background;
|
||||
margin: 0 17px 0 0;
|
||||
padding: 6px;
|
||||
border: none;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
@@ -150,3 +151,41 @@
|
||||
z-index: 100;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default,
|
||||
.ui-button,
|
||||
html .ui-button.ui-state-disabled:hover,
|
||||
html .ui-button.ui-state-disabled:active {
|
||||
border: 1px solid $secondary-border-color;
|
||||
background: $form-button-background;
|
||||
}
|
||||
|
||||
.ui-state-hover,
|
||||
.ui-widget-content .ui-state-hover,
|
||||
.ui-widget-header .ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus,
|
||||
.ui-button:hover, .ui-button:focus {
|
||||
border: 1px solid $secondary-border-color;
|
||||
background: $workspace-button-background-hover;
|
||||
color: $workspace-button-color-hover;
|
||||
}
|
||||
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active,
|
||||
a.ui-button:active,
|
||||
.ui-button:active,
|
||||
.ui-button.ui-state-active:hover {
|
||||
border: 1px solid $secondary-border-color;
|
||||
background: $workspace-button-background-active;
|
||||
font-weight: normal;
|
||||
color: $workspace-button-color-active;
|
||||
}
|
||||
|
||||
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
|
||||
background-image: url(../vendor/jquery/css/base/images/ui-icons_777777_256x240.png);
|
||||
}
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
padding:0 5px 0 5px;
|
||||
border-bottom: 1px solid $primary-border-color;
|
||||
div {
|
||||
color: #666 !important;
|
||||
color: $header-text-color !important;
|
||||
}
|
||||
.red-ui-searchBox-container {
|
||||
width: calc(100% - 20px);
|
||||
@@ -49,7 +49,7 @@
|
||||
}
|
||||
}
|
||||
li:hover {
|
||||
background: #f6f6f6;
|
||||
background: $list-item-background-hover;
|
||||
}
|
||||
}
|
||||
.keyboard-shortcut-entry {
|
||||
@@ -78,13 +78,13 @@
|
||||
width: calc(100% - 160px - 100px - 10px);
|
||||
overflow: hidden;
|
||||
i {
|
||||
color: #ccc;
|
||||
color: $tertiary-text-color;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.keyboard-shortcut-entry-scope {
|
||||
width:100px;
|
||||
color: #999;
|
||||
color: $tertiary-text-color;
|
||||
vertical-align: middle;
|
||||
text-align: right;
|
||||
}
|
||||
@@ -94,12 +94,13 @@
|
||||
}
|
||||
}
|
||||
.keyboard-shortcut-entry-unassigned {
|
||||
color: #999;
|
||||
color: $tertiary-text-color;
|
||||
.keyboard-shortcut-entry-key {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
.keyboard-shortcut-entry-expanded {
|
||||
background: $list-item-background-selected;
|
||||
.keyboard-shortcut-entry-key {
|
||||
width: 150px;
|
||||
}
|
||||
@@ -114,12 +115,12 @@
|
||||
}
|
||||
}
|
||||
.help-key {
|
||||
border: 1px solid $keyboard-help-key-border;
|
||||
border: 1px solid $tertiary-border-color;
|
||||
padding: 4px;
|
||||
border-radius: 3px;
|
||||
background: $keyboard-help-key-background;
|
||||
background: $tertiary-background;
|
||||
font-family: $monospace-font;
|
||||
box-shadow: $keyboard-help-key-shadow 1px 1px 1px;
|
||||
box-shadow: $shade-color 1px 1px 1px;
|
||||
}
|
||||
.help-key-block {
|
||||
white-space: nowrap;
|
||||
|
||||
@@ -64,6 +64,11 @@
|
||||
height: calc(100% - 20px)
|
||||
}
|
||||
}
|
||||
.red-ui-clipboard-dialog-box {
|
||||
height: 400px;
|
||||
position:relative;
|
||||
border:1px solid $primary-border-color;
|
||||
}
|
||||
|
||||
.red-ui-clipboard-dialog-tab-library {
|
||||
.form-row {
|
||||
@@ -101,7 +106,7 @@
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.red-ui-treeList-container {
|
||||
background: white;
|
||||
background: $secondary-background;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
li {
|
||||
|
||||
@@ -73,11 +73,10 @@
|
||||
margin:0;
|
||||
cursor:pointer;
|
||||
|
||||
// &.selected:not(.disabled):not(:disabled) {
|
||||
// color: $workspace-button-color-selected !important;
|
||||
// background: $workspace-button-background-active;
|
||||
// background: #9f9;
|
||||
// }
|
||||
&.selected:not(.disabled):not(:disabled) {
|
||||
color: $workspace-button-color-selected !important;
|
||||
background: $workspace-button-background-active;
|
||||
}
|
||||
.button-group &:not(:first-child) {
|
||||
border-left: none;
|
||||
border-top-left-radius: 0;
|
||||
@@ -110,24 +109,24 @@
|
||||
}
|
||||
|
||||
&.primary {
|
||||
border-color: $editor-button-background-primary;
|
||||
color: $editor-button-color-primary !important;
|
||||
background: $editor-button-background-primary;
|
||||
border-color: $workspace-button-background-primary;
|
||||
color: $workspace-button-color-primary !important;
|
||||
background: $workspace-button-background-primary;
|
||||
&.disabled, &.ui-state-disabled {
|
||||
background: none;
|
||||
color: $editor-button-color !important;
|
||||
color: $workspace-button-color !important;
|
||||
border-color: $form-input-border-color;
|
||||
}
|
||||
&:not(.disabled):not(.ui-button-disabled):hover {
|
||||
border-color: $editor-button-background-primary-hover;
|
||||
background: $editor-button-background-primary-hover;
|
||||
color: $editor-button-color-primary !important;
|
||||
border-color: $workspace-button-background-primary-hover;
|
||||
background: $workspace-button-background-primary-hover;
|
||||
color: $workspace-button-color-primary !important;
|
||||
}
|
||||
}
|
||||
&.secondary {
|
||||
background: none;
|
||||
&:not(:hover) {
|
||||
border-color: rgba(0,0,0,0);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -144,59 +143,23 @@
|
||||
|
||||
@mixin workspace-button-toggle {
|
||||
@include workspace-button;
|
||||
|
||||
&.single {
|
||||
color: $workspace-button-color !important;
|
||||
background: $workspace-button-background;
|
||||
|
||||
&.selected:not(.disabled):not(:disabled) {
|
||||
color: $workspace-button-toggle-color !important;
|
||||
background: $workspace-button-background-active;
|
||||
}
|
||||
}
|
||||
&:not(.single) {
|
||||
color: $workspace-button-toggle-color !important;
|
||||
background:$workspace-button-background;
|
||||
margin-bottom: 1px;
|
||||
|
||||
&.selected:not(.disabled):not(:disabled) {
|
||||
color: $workspace-button-toggle-color-selected !important;
|
||||
background: $workspace-button-background-active;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-color: $form-input-border-selected-color;
|
||||
margin-bottom: 0;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
&.disabled,&:disabled {
|
||||
color: $workspace-button-toggle-color-disabled !important;
|
||||
}
|
||||
}
|
||||
@mixin editor-button {
|
||||
@include workspace-button;
|
||||
font-size: 14px;
|
||||
padding: 6px 14px;
|
||||
margin-right: 8px;
|
||||
color: $editor-button-color !important;
|
||||
background: $editor-button-background;
|
||||
|
||||
// &.primary {
|
||||
// border-color: $editor-button-background-primary;
|
||||
// color: $editor-button-color-primary !important;
|
||||
// background: $editor-button-background-primary;
|
||||
// &.disabled, &.ui-state-disabled {
|
||||
// background: none;
|
||||
// color: $editor-button-color !important;
|
||||
// border-color: $form-input-border-color;
|
||||
// }
|
||||
// &:not(.disabled):not(.ui-button-disabled):hover {
|
||||
// border-color: $editor-button-background-primary-hover;
|
||||
// background: $editor-button-background-primary-hover;
|
||||
// color: $editor-button-color-primary !important;
|
||||
// }
|
||||
// }
|
||||
&:not(.disabled):hover {
|
||||
//color: $editor-button-color;
|
||||
//color: $workspace-button-color;
|
||||
}
|
||||
&.disabled {
|
||||
background: none;
|
||||
@@ -204,8 +167,6 @@
|
||||
&.disabled:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
&.leftButton {
|
||||
float: left;
|
||||
margin-top: 1px;
|
||||
@@ -220,7 +181,7 @@
|
||||
|
||||
@mixin component-footer {
|
||||
border-top: 1px solid $primary-border-color;
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -263,8 +224,7 @@
|
||||
}
|
||||
|
||||
@mixin component-shadow {
|
||||
border: 1px solid $secondary-border-color;
|
||||
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
|
||||
box-shadow: 1px 1px 4px $shadow;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -27,10 +27,10 @@
|
||||
position: relative;
|
||||
padding: 14px 18px;
|
||||
margin-bottom: 4px;
|
||||
box-shadow: 0 1px 1px 1px rgba(0,0,0, 0.15);
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
border: 1px solid #325C80;
|
||||
box-shadow: 0 1px 1px 1px $shadow;
|
||||
background-color: $secondary-background;
|
||||
color: $primary-text-color;
|
||||
border: 1px solid $notification-border-default;
|
||||
border-left-width: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -46,13 +46,13 @@
|
||||
}
|
||||
|
||||
.red-ui-notification-success {
|
||||
border-color: #4B8400;
|
||||
border-color: $notification-border-success;
|
||||
}
|
||||
.red-ui-notification-warning {
|
||||
border-color: #D74108;
|
||||
border-color: $notification-border-warning;
|
||||
}
|
||||
.red-ui-notification-error {
|
||||
border-color: #AD1625;
|
||||
border-color: $notification-border-error;
|
||||
}
|
||||
|
||||
.red-ui-notification-shake-horizontal {
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
left:0;
|
||||
padding: 0;
|
||||
box-sizing:border-box;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
|
||||
.red-ui-editableList-container {
|
||||
border: none;
|
||||
@@ -39,21 +39,25 @@
|
||||
// border: none;
|
||||
// border-top: 1px solid $primary-border-color;
|
||||
padding: 0px;
|
||||
.editor-button {
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
background: #f3f3f3;
|
||||
// background: $secondary-background-inactive;//f3f3f3;
|
||||
|
||||
.red-ui-palette-module-name {
|
||||
font-style: italic;
|
||||
color: #aaa;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
.red-ui-palette-module-version {
|
||||
color: #aaa;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
.red-ui-palette-module-errors .fa-warning {
|
||||
opacity: 0.5;
|
||||
}
|
||||
ul.red-ui-palette-module-error-list li {
|
||||
color: #aaa;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
|
||||
|
||||
@@ -75,14 +79,14 @@
|
||||
bottom:0
|
||||
}
|
||||
.red-ui-palette-editor-toolbar {
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
box-sizing: border-box;
|
||||
padding: 8px 10px;
|
||||
border-bottom: 1px solid $primary-border-color;
|
||||
text-align: right;
|
||||
}
|
||||
.red-ui-palette-module-shade-status {
|
||||
color: #666;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
.red-ui-palette-module-updated {
|
||||
margin-left: 10px;
|
||||
@@ -94,18 +98,12 @@
|
||||
.red-ui-palette-module-description {
|
||||
margin-left: 20px;
|
||||
font-size: 0.9em;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
.red-ui-palette-module-link {
|
||||
}
|
||||
.red-ui-palette-module-set-button-group {
|
||||
}
|
||||
.red-ui-palette-module-count {
|
||||
border-radius: 4px;
|
||||
background: #eee;
|
||||
padding: 2px 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.red-ui-palette-module-content {
|
||||
display: none;
|
||||
padding: 10px 3px;
|
||||
@@ -120,10 +118,6 @@
|
||||
i.fa.red-ui-palette-module-node-chevron {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.red-ui-palette-module-set-button {
|
||||
background:#f3f3f3 !important;
|
||||
}
|
||||
}
|
||||
.red-ui-palette-module-set {
|
||||
border:1px solid $secondary-border-color;
|
||||
@@ -144,7 +138,7 @@
|
||||
}
|
||||
|
||||
.red-ui-palette-module-type {
|
||||
color: #666;
|
||||
color: $secondary-text-color;
|
||||
padding-left: 5px;
|
||||
font-size: 0.9em;
|
||||
@include enable-selection;
|
||||
@@ -156,8 +150,8 @@
|
||||
border-radius: 3px;
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
background: #eee;
|
||||
border: 1px dashed #fff;
|
||||
background: $primary-background;
|
||||
border: 1px dashed $secondary-border-color;
|
||||
}
|
||||
.red-ui-palette-module-set-button-group {
|
||||
position: absolute;
|
||||
@@ -166,9 +160,9 @@
|
||||
}
|
||||
|
||||
.red-ui-palette-module-set-disabled {
|
||||
background: #eee;
|
||||
background: $list-item-background-disabled;
|
||||
.red-ui-palette-module-type {
|
||||
color: #999;
|
||||
color: $secondary-text-color-disabled-active;
|
||||
}
|
||||
}
|
||||
.red-ui-palette-module-more {
|
||||
@@ -180,7 +174,7 @@
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 12px 8px;
|
||||
color: #AD1625;
|
||||
color: $text-color-warning;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
@@ -191,10 +185,10 @@
|
||||
|
||||
}
|
||||
.red-ui-palette-module-meta {
|
||||
color: #666;
|
||||
color: $secondary-text-color;
|
||||
position: relative;
|
||||
&.disabled {
|
||||
color: #ccc;
|
||||
color: $secondary-text-color-disabled;
|
||||
}
|
||||
|
||||
.fa {
|
||||
@@ -204,6 +198,7 @@
|
||||
}
|
||||
}
|
||||
.red-ui-palette-module-name {
|
||||
color: $primary-text-color;
|
||||
white-space: nowrap;
|
||||
@include enable-selection;
|
||||
}
|
||||
@@ -212,13 +207,6 @@
|
||||
font-size: 0.8em;
|
||||
@include enable-selection;
|
||||
}
|
||||
.red-ui-palette-module-section {
|
||||
padding:0 !important;
|
||||
background: #f9f9f9 !important;
|
||||
font-size: 0.9em;
|
||||
color: #666;
|
||||
|
||||
}
|
||||
.red-ui-palette-module-button-group {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
@@ -228,7 +216,7 @@
|
||||
}
|
||||
}
|
||||
.red-ui-palette-module-meta .fa-warning {
|
||||
color: #AD1625;
|
||||
color: $text-color-warning;
|
||||
}
|
||||
ul.red-ui-palette-module-error-list {
|
||||
display: inline-block;
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left:0px;
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
width: 180px;
|
||||
text-align: center;
|
||||
@include disable-selection;
|
||||
@@ -55,7 +55,7 @@
|
||||
.red-ui-palette-search {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
background: $secondary-background;
|
||||
text-align: center;
|
||||
height: 35px;
|
||||
padding: 3px;
|
||||
@@ -64,10 +64,10 @@
|
||||
}
|
||||
|
||||
.red-ui-palette-category {
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
}
|
||||
.red-ui-palette-content {
|
||||
background: #fff;
|
||||
background: $palette-content-background;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
@@ -106,6 +106,7 @@
|
||||
clear: both;
|
||||
}
|
||||
.red-ui-palette-label {
|
||||
color: $node-label-color;
|
||||
font-size: 13px;
|
||||
margin: 4px 0 4px 32px;
|
||||
line-height: 20px;
|
||||
@@ -118,22 +119,35 @@
|
||||
}
|
||||
|
||||
.red-ui-palette-node {
|
||||
display: block;
|
||||
cursor:move;
|
||||
background: #ddd;
|
||||
margin: 10px auto;
|
||||
display: inline-block;
|
||||
cursor: move;
|
||||
background: $secondary-background;
|
||||
margin: 5px auto;
|
||||
height: 25px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid $node-border;
|
||||
background-position: 5% 50%;
|
||||
background-repeat: no-repeat;
|
||||
width: 120px;
|
||||
background-size: contain;
|
||||
position: relative;
|
||||
&:first-child {
|
||||
margin-top: 10px;
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.red-ui-palette-node:hover {
|
||||
margin: 4px auto;
|
||||
border-color: $node-selected-color;
|
||||
background-color: #eee;
|
||||
border-width: 2px;
|
||||
&:first-child {
|
||||
margin-top: 9px;
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
}
|
||||
.red-ui-palette-port {
|
||||
position: absolute;
|
||||
@@ -141,11 +155,11 @@
|
||||
left: -5px;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
background:#d9d9d9;
|
||||
background: $node-port-background;
|
||||
border-radius: 3px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid $node-border;
|
||||
}
|
||||
.red-ui-palette-port-output {
|
||||
left:auto;
|
||||
@@ -153,8 +167,7 @@
|
||||
}
|
||||
|
||||
.red-ui-palette-node:hover .red-ui-palette-port {
|
||||
border-color: #999;
|
||||
background-color: #eee;
|
||||
background-color: $node-port-background-hover;
|
||||
}
|
||||
.red-ui-palette-icon-container {
|
||||
position: absolute;
|
||||
@@ -163,14 +176,14 @@
|
||||
bottom:0;
|
||||
left:0;
|
||||
width: 30px;
|
||||
border-right: 1px solid rgba(0,0,0,0.1);
|
||||
background-color: rgba(0,0,0,0.05);
|
||||
border-right: 1px solid $node-icon-background-color;
|
||||
background-color: $node-icon-background-color;
|
||||
}
|
||||
.red-ui-palette-icon-container-right {
|
||||
left: auto;
|
||||
right: 0;
|
||||
border-right: none;
|
||||
border-left: 1px solid rgba(0,0,0,0.1);
|
||||
border-left: 1px solid $node-icon-background-color;
|
||||
}
|
||||
.red-ui-palette-icon {
|
||||
display: inline-block;
|
||||
|
||||
@@ -60,26 +60,26 @@
|
||||
}
|
||||
|
||||
.red-ui-popover.red-ui-popover-right:after {
|
||||
border-color: rgba(136, 183, 213, 0);
|
||||
border-color: transparent;
|
||||
border-right-color: $popover-background;
|
||||
border-width: 10px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
.red-ui-popover.red-ui-popover-right:before {
|
||||
border-color: rgba(194, 225, 245, 0);
|
||||
border-color: transparent;
|
||||
border-right-color: $popover-background;
|
||||
border-width: 11px;
|
||||
margin-top: -11px;
|
||||
}
|
||||
|
||||
.red-ui-popover.red-ui-popover-left:after {
|
||||
border-color: rgba(136, 183, 213, 0);
|
||||
border-color: transparent;
|
||||
border-left-color: $popover-background;
|
||||
border-width: 10px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
.red-ui-popover.red-ui-popover-left:before {
|
||||
border-color: rgba(194, 225, 245, 0);
|
||||
border-color: transparent;
|
||||
border-left-color: $popover-background;
|
||||
border-width: 11px;
|
||||
margin-top: -11px;
|
||||
@@ -87,26 +87,26 @@
|
||||
|
||||
|
||||
.red-ui-popover.red-ui-popover-bottom:after {
|
||||
border-color: rgba(136, 183, 213, 0);
|
||||
border-color: transparent;
|
||||
border-bottom-color: $popover-background;
|
||||
border-width: 10px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
.red-ui-popover.red-ui-popover-bottom:before {
|
||||
border-color: rgba(194, 225, 245, 0);
|
||||
border-color: transparent;
|
||||
border-bottom-color: $popover-background;
|
||||
border-width: 11px;
|
||||
margin-left: -11px;
|
||||
}
|
||||
|
||||
.red-ui-popover.red-ui-popover-top:after {
|
||||
border-color: rgba(136, 183, 213, 0);
|
||||
border-color: transparent;
|
||||
border-top-color: $popover-background;
|
||||
border-width: 10px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
.red-ui-popover.red-ui-popover-top:before {
|
||||
border-color: rgba(194, 225, 245, 0);
|
||||
border-color: transparent;
|
||||
border-top-color: $popover-background;
|
||||
border-width: 11px;
|
||||
margin-left: -11px;
|
||||
@@ -143,25 +143,22 @@
|
||||
font-size: 11px;
|
||||
font-family: $monospace-font;
|
||||
margin-left: 3px;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid $popover-color;
|
||||
border-radius:3px;
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
.red-ui-popover .editor-button {
|
||||
&:not(.primary) {
|
||||
color: #444 !important;
|
||||
border-color: rgba(0,0,0,0);
|
||||
}
|
||||
.red-ui-popover a.editor-button,
|
||||
.red-ui-popover button.editor-button {
|
||||
&.primary {
|
||||
border-color: #bbb;
|
||||
border-color: $popover-button-border-color;
|
||||
}
|
||||
&.primary:hover {
|
||||
border-color: #666 !important;
|
||||
&.primary:not(.disabled):not(.ui-button-disabled):hover {
|
||||
border-color: $popover-button-border-color-hover;
|
||||
}
|
||||
}
|
||||
.red-ui-popover code {
|
||||
border: none;
|
||||
background: none;
|
||||
color: #ccc;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.red-ui-sidebar-vc-shade {
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
}
|
||||
|
||||
.red-ui-projects-edit-form form {
|
||||
@@ -32,7 +32,7 @@
|
||||
.form-row {
|
||||
margin-bottom: 15px;
|
||||
label {
|
||||
color: #555;
|
||||
color: $primary-text-color;
|
||||
width: 100%;
|
||||
display: block;
|
||||
&.red-ui-projects-edit-form-inline-label {
|
||||
@@ -52,7 +52,7 @@
|
||||
|
||||
}
|
||||
.red-ui-projects-edit-form-sublabel {
|
||||
color: #999;
|
||||
color: $tertiary-text-color;
|
||||
text-align: right;
|
||||
margin-bottom: -15px;
|
||||
font-weight: normal;
|
||||
@@ -67,19 +67,11 @@
|
||||
|
||||
.red-ui-projects-dialog-screen-start {
|
||||
.red-ui-projects-dialog-screen-start-hero {
|
||||
// background: url(https://nodered.org/images/title-wave.png) no-repeat 0% 100% #8f0000;
|
||||
// background-size: contain;
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
padding: 10px;
|
||||
min-height: 60px;
|
||||
color: #555;
|
||||
h1 {
|
||||
text-align: center;
|
||||
color: #f0f0f0;
|
||||
font-size: 2em;
|
||||
font-weight: normal;
|
||||
}
|
||||
color: $primary-text-color;
|
||||
}
|
||||
.red-ui-projects-dialog-screen-start-body {
|
||||
min-height: 400px;
|
||||
@@ -99,13 +91,6 @@
|
||||
height: auto;
|
||||
line-height: 2em;
|
||||
padding: 10px;
|
||||
border-color: #aaa;
|
||||
i {
|
||||
color: #aaa;
|
||||
}
|
||||
&:hover i {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
.button-group {
|
||||
text-align: center;
|
||||
@@ -200,37 +185,44 @@
|
||||
}
|
||||
.red-ui-projects-dialog-project-list-entry {
|
||||
padding: 12px 0;
|
||||
border-left: 3px solid #fff;
|
||||
border-right: 3px solid #fff;
|
||||
|
||||
color: $list-item-color;
|
||||
background: $list-item-background;
|
||||
border-left: 3px solid $list-item-background;
|
||||
border-right: 3px solid $list-item-background;
|
||||
|
||||
&.projects-list-entry-current {
|
||||
&:not(.selectable) {
|
||||
background: #f9f9f9;
|
||||
border-left: 3px solid #f9f9f9;
|
||||
border-right: 3px solid #f9f9f9;
|
||||
color: $form-text-color;
|
||||
background: $list-item-background-selected;
|
||||
border-left-color:$list-item-border-selected;
|
||||
border-right-color:$list-item-border-selected;
|
||||
}
|
||||
i {
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
}
|
||||
&.selectable {
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: #f3f3f3;
|
||||
border-left-color: #f3f3f3;
|
||||
border-right-color: #f3f3f3;
|
||||
&:hover:not(.selected) {
|
||||
color: $form-text-color;
|
||||
background: $list-item-background-hover;
|
||||
border-left-color:$list-item-background-hover;
|
||||
border-right-color:$list-item-background-hover;
|
||||
}
|
||||
}
|
||||
.red-ui-projects-dialog-project-list-entry-icon {
|
||||
i {
|
||||
color: #ccc;
|
||||
color: $tertiary-text-color;
|
||||
font-size: 2em;
|
||||
|
||||
}
|
||||
}
|
||||
&.selected {
|
||||
background: #efefef;
|
||||
border-left-color:#999;
|
||||
border-right-color:#999;
|
||||
color: $form-text-color;
|
||||
background: $list-item-background-selected;
|
||||
border-left-color:$list-item-border-selected;
|
||||
border-right-color:$list-item-border-selected;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
@@ -246,7 +238,7 @@
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
font-size: 0.9em;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.red-ui-projects-dialog-project-list-entry-tools {
|
||||
@@ -254,7 +246,7 @@
|
||||
top: 16px;
|
||||
right: 30px;
|
||||
display: none;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
&:hover {
|
||||
.red-ui-projects-dialog-project-list-entry-tools {
|
||||
@@ -263,8 +255,7 @@
|
||||
}
|
||||
}
|
||||
.red-ui-projects-dialog-screen-create-type.editor-button.toggle.selected:not(.disabled):not(:disabled) {
|
||||
background: #fff !important;
|
||||
color: #666 !important;
|
||||
color: $secondary-text-color-active !important;
|
||||
}
|
||||
.red-ui-projects-dialog-screen-input-status {
|
||||
text-align: right;
|
||||
@@ -273,21 +264,13 @@
|
||||
right: 8px;
|
||||
width: 70px;
|
||||
height: 30px;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
|
||||
.red-ui-sidebar-vc {
|
||||
height: 100%;
|
||||
}
|
||||
.red-ui-sidebar-vc-stack-info {
|
||||
height: 100px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
color: #333;
|
||||
i {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.red-ui-sidebar-vc-stack {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
@@ -321,19 +304,17 @@
|
||||
}
|
||||
.red-ui-palette-module-unused {
|
||||
& > * {
|
||||
color: #bbb;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
// border: 1px dashed #bbb;
|
||||
}
|
||||
.red-ui-palette-module-unknown {
|
||||
border: 1px dashed #aaa;
|
||||
background: #fafafa;
|
||||
border: 1px dashed $secondary-border-color;
|
||||
background: $secondary-background-inactive;
|
||||
}
|
||||
.red-ui-palette-module-not-installed {
|
||||
border: 1px dashed #b07575;
|
||||
background: #fee;
|
||||
border: 1px dashed $text-color-warning;
|
||||
i.fa-warning {
|
||||
color: #b07575; //#b72828;
|
||||
color: $text-color-warning;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -350,11 +331,11 @@
|
||||
}
|
||||
.red-ui-sidebar-vc {
|
||||
.red-ui-editableList-container {
|
||||
background: #f9f9f9;
|
||||
background: $tertiary-background;
|
||||
padding: 0;
|
||||
li {
|
||||
padding:0;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
}
|
||||
}
|
||||
.red-ui-editableList-border {
|
||||
@@ -384,7 +365,7 @@
|
||||
right:0;
|
||||
height:0;
|
||||
transition: height 0.2s ease-in-out;
|
||||
background: #f6f6f6;
|
||||
background: $tertiary-background;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
&.red-ui-sidebar-vc-slide-box-top {
|
||||
@@ -396,10 +377,10 @@
|
||||
border-left: 1px solid $primary-border-color;
|
||||
border-right: 1px solid $primary-border-color;
|
||||
border-bottom: 1px solid $primary-border-color;
|
||||
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
|
||||
box-shadow: 1px 1px 4px $shadow;
|
||||
|
||||
color: #666;
|
||||
background: #f6f6f6;
|
||||
color: $primary-text-color;
|
||||
background: $tertiary-background;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
|
||||
@@ -441,7 +422,7 @@
|
||||
padding: 0;
|
||||
li {
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -467,23 +448,24 @@
|
||||
}
|
||||
.red-ui-sidebar-vc-branch-list-entry {
|
||||
padding: 5px 8px;
|
||||
color: #666;
|
||||
margin: 0 1px;
|
||||
color: $list-item-color;
|
||||
background: $list-item-background;
|
||||
border-left: 2px solid $list-item-background;
|
||||
border-right: 2px solid $list-item-background;
|
||||
cursor: pointer;
|
||||
&.selected {
|
||||
border-left-color:#999;
|
||||
border-right-color:#999;
|
||||
border-left-color:$list-item-border-selected;
|
||||
border-right-color:$list-item-border-selected;
|
||||
}
|
||||
border-left: 2px solid #fff;
|
||||
border-right: 2px solid #fff;
|
||||
margin: 0 1px;
|
||||
i { width: 16px; text-align: center}
|
||||
&.input-error {
|
||||
cursor: default;
|
||||
}
|
||||
&:not(.input-error):hover {
|
||||
background: #f3f3f3;
|
||||
border-left-color:#999;
|
||||
border-right-color:#999;
|
||||
background: $list-item-background-hover;
|
||||
border-left-color:$list-item-border-selected;
|
||||
border-right-color:$list-item-border-selected;
|
||||
}
|
||||
span {
|
||||
margin-left: 5px;
|
||||
@@ -491,7 +473,7 @@
|
||||
span.current {
|
||||
float: right;
|
||||
font-size: 0.8em;
|
||||
color: #999;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -526,7 +508,7 @@
|
||||
}
|
||||
&.node-info-none {
|
||||
text-align: center;
|
||||
background: #fefefe;
|
||||
background: $list-item-background;
|
||||
white-space: normal;
|
||||
height: auto;
|
||||
}
|
||||
@@ -540,11 +522,11 @@
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: #eee;
|
||||
background: $secondary-background-hover;
|
||||
}
|
||||
}
|
||||
.red-ui-sidebar-vc-commit-more {
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-style: italic;
|
||||
@@ -552,39 +534,39 @@
|
||||
.red-ui-sidebar-vc-commit-sha {
|
||||
float: right;
|
||||
font-family: $monospace-font;
|
||||
color: #c38888;
|
||||
color: $vcCommitShaColor;
|
||||
display: inline-block;
|
||||
font-size: 0.85em;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.red-ui-sidebar-vc-commit-subject {
|
||||
color: #666;
|
||||
color: $primary-text-color;
|
||||
}
|
||||
.red-ui-sidebar-vc-commit-refs {
|
||||
min-height: 22px;
|
||||
}
|
||||
.red-ui-sidebar-vc-commit-ref {
|
||||
color: #aaa;
|
||||
color: $tertiary-text-color;
|
||||
font-size: 0.7em;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid $tertiary-border-color;
|
||||
border-radius: 10px;
|
||||
padding: 2px 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.red-ui-sidebar-vc-commit-date {
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
.red-ui-sidebar-vc-commit-user {
|
||||
float: right;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
.red-ui-sidebar-vc-commit-head {
|
||||
}
|
||||
.red-ui-sidebar-vc-change-header {
|
||||
color: #666;
|
||||
background: #f6f6f6;
|
||||
color: $primary-text-color;
|
||||
background: $tertiary-background;
|
||||
padding: 4px 10px;
|
||||
height: 30px;
|
||||
box-sizing: border-box;
|
||||
@@ -595,8 +577,8 @@
|
||||
}
|
||||
}
|
||||
.red-ui-sidebar-vc-repo-toolbar {
|
||||
color: #666;
|
||||
background: #f6f6f6;
|
||||
color: $primary-text-color;
|
||||
background: $tertiary-background;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -638,37 +620,39 @@
|
||||
}
|
||||
.red-ui-projects-dialog-file-list-entry {
|
||||
padding: 3px 0;
|
||||
border-left: 2px solid #fff;
|
||||
border-right: 2px solid #fff;
|
||||
border-left: 2px solid $list-item-background;
|
||||
border-right: 2px solid $list-item-background;
|
||||
background: $list-item-background;
|
||||
|
||||
&.projects-list-entry-current {
|
||||
&:not(.selectable) {
|
||||
background: #f9f9f9;
|
||||
background: $list-item-background-selected;
|
||||
}
|
||||
i {
|
||||
color: #999;
|
||||
color: $secondary-text-color-selected;
|
||||
}
|
||||
}
|
||||
&.selectable {
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: #f3f3f3;
|
||||
border-left-color:#999;
|
||||
border-right-color:#999;
|
||||
background: $list-item-background-hover;
|
||||
border-left-color:$list-item-border-selected;
|
||||
border-right-color:$list-item-border-selected;
|
||||
}
|
||||
}
|
||||
&.unselectable {
|
||||
color: #ccc;
|
||||
color: $secondary-text-color-disabled;
|
||||
}
|
||||
|
||||
i {
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
width: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
&.selected {
|
||||
background: #efefef;
|
||||
border-left-color:#999;
|
||||
border-right-color:#999;
|
||||
background: $list-item-background-selected;
|
||||
border-left-color:$list-item-border-selected;
|
||||
border-right-color:$list-item-border-selected;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
@@ -678,7 +662,7 @@
|
||||
margin: 0 10px 0 0px;
|
||||
|
||||
.fa-angle-right {
|
||||
color: #333;
|
||||
color: $primary-text-color;
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
}
|
||||
@@ -693,7 +677,7 @@
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
.red-ui-projects-dialog-file-list-entry-file-type-git { color: #999 }
|
||||
.red-ui-projects-dialog-file-list-entry-file-type-git { color: $tertiary-text-color }
|
||||
|
||||
.red-ui-projects-dialog-remote-list {
|
||||
.red-ui-editableList-container {
|
||||
@@ -707,86 +691,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.red-ui-projects-dialog-sshkey-list {
|
||||
li {
|
||||
padding: 0 !important;
|
||||
}
|
||||
&.red-ui-projects-dialog-sshkey-list-small {
|
||||
.red-ui-projects-dialog-sshkey-list-entry {
|
||||
padding: 6px 0;
|
||||
i {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
.red-ui-projects-dialog-sshkey-list-entry-name {
|
||||
font-size: 1em;
|
||||
}
|
||||
.red-ui-projects-dialog-sshkey-list-entry-current {
|
||||
margin-right: 10px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.red-ui-editableList-container {
|
||||
.red-ui-projects-dialog-sshkey-list {
|
||||
li:last-child {
|
||||
border-bottom: 0px none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.red-ui-projects-dialog-sshkey-list-entry {
|
||||
padding: 12px 0;
|
||||
border-left: 3px solid #fff;
|
||||
border-right: 3px solid #fff;
|
||||
&.sshkey-list-entry-current {
|
||||
&:not(.selectable) {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
i {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
&.selectable {
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: #f3f3f3;
|
||||
border-left-color: #aaa;
|
||||
border-right-color: #aaa;
|
||||
}
|
||||
}
|
||||
i {
|
||||
color: #ccc;
|
||||
font-size: 2em;
|
||||
|
||||
}
|
||||
&.selected {
|
||||
background: #efefef;
|
||||
border-left-color:#999;
|
||||
border-right-color:#999;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
vertical-align:middle;
|
||||
}
|
||||
.red-ui-projects-dialog-sshkey-list-entry-icon {
|
||||
margin: 0 10px 0 5px;
|
||||
}
|
||||
.red-ui-projects-dialog-sshkey-list-entry-name {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.red-ui-projects-dialog-sshkey-list-entry-current {
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
font-size: 0.9em;
|
||||
color: #999;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.red-ui-projects-dialog-sshkey-list-button-remove {
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
div.red-ui-projects-dialog-ssh-public-key {
|
||||
position: relative;
|
||||
padding: 15px 20px 0;
|
||||
@@ -809,7 +713,7 @@ div.red-ui-projects-dialog-ssh-public-key {
|
||||
padding: 10px 5px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: #f3f3f3;
|
||||
background: $list-item-background-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -818,7 +722,7 @@ div.red-ui-projects-dialog-ssh-public-key {
|
||||
position: relative;
|
||||
.red-ui-editableList-container {
|
||||
padding: 1px;
|
||||
background: #f6f6f6;
|
||||
background: $tertiary-background;
|
||||
li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
@@ -837,7 +741,7 @@ div.red-ui-projects-dialog-ssh-public-key {
|
||||
text-align: center;
|
||||
min-width: 30px;
|
||||
vertical-align: top;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
.entry-name {
|
||||
min-width: 250px;
|
||||
@@ -846,7 +750,7 @@ div.red-ui-projects-dialog-ssh-public-key {
|
||||
font-weight: bold;
|
||||
}
|
||||
.entry-detail {
|
||||
color: #aaa;
|
||||
color: $tertiary-text-color;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
@@ -864,7 +768,7 @@ div.red-ui-projects-dialog-ssh-public-key {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
background: white;
|
||||
background: $secondary-background;
|
||||
border-radius: 4px;
|
||||
border: 1px solid $secondary-border-color;
|
||||
.red-ui-projects-edit-form-sublabel {
|
||||
@@ -880,7 +784,7 @@ div.red-ui-projects-dialog-ssh-public-key {
|
||||
|
||||
.red-ui-projects-dialog-list-dialog-header {
|
||||
font-weight: bold;
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
margin-top: 0 !important;
|
||||
padding: 5px 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
margin-left: -250px;
|
||||
top: 0px;
|
||||
border: 1px solid $primary-border-color;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.4);
|
||||
box-shadow: 0 0 10px $shadow;
|
||||
}
|
||||
|
||||
.red-ui-type-search {
|
||||
@@ -71,12 +71,12 @@
|
||||
.red-ui-search-result-node-port {
|
||||
position: absolute;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid $node-border;;
|
||||
width: 6px;
|
||||
height: 7px;
|
||||
top:4px;
|
||||
left:-4px;
|
||||
background: #eee;
|
||||
background: $node-port-background;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.red-ui-search-result-node-output{
|
||||
@@ -92,7 +92,7 @@
|
||||
margin-left:28px;
|
||||
}
|
||||
.red-ui-search-result-node-label {
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -114,13 +114,6 @@
|
||||
background: $primary-background;
|
||||
li {
|
||||
padding: 0;
|
||||
&.selected {
|
||||
background: $list-item-background-selected;
|
||||
.red-ui-search-result {
|
||||
border-left-color: $list-item-border-selected;
|
||||
border-right-color: $list-item-border-selected;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -132,6 +125,11 @@
|
||||
background: $list-item-background;
|
||||
border-left: 3px solid $list-item-background;
|
||||
border-right: 3px solid $list-item-background;
|
||||
li.selected & {
|
||||
background: $list-item-background-selected;
|
||||
border-left-color: $list-item-border-selected;
|
||||
border-right-color: $list-item-border-selected;
|
||||
}
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $form-text-color;
|
||||
@@ -155,9 +153,8 @@
|
||||
width: 30px;
|
||||
float:left;
|
||||
height: 25px;
|
||||
background: #ddd;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid $node-border;
|
||||
background-position: 5% 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
@@ -173,19 +170,22 @@
|
||||
margin-right: 5px;
|
||||
}
|
||||
.red-ui-search-result-node-label {
|
||||
color: #222;
|
||||
color: $primary-text-color;
|
||||
}
|
||||
.red-ui-search-result-node-type {
|
||||
font-style: italic;
|
||||
font-size: 0.9em;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
.red-ui-search-result-node-flow {
|
||||
float:right;
|
||||
font-size: 0.8em;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
.red-ui-search-result-node-id {
|
||||
display:none;
|
||||
font-size: 0.8em;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
.red-ui-search-empty {
|
||||
padding: 10px;
|
||||
|
||||
@@ -20,20 +20,19 @@
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
width: 315px;
|
||||
background: #fff;
|
||||
background: $primary-background;
|
||||
box-sizing: border-box;
|
||||
z-index: 10;
|
||||
@include component-border;
|
||||
}
|
||||
|
||||
#red-ui-sidebar.closing {
|
||||
background: #eee;
|
||||
border-color: #900;
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
#red-ui-sidebar-content {
|
||||
position: absolute;
|
||||
background: $secondary-background;
|
||||
top: 35px;
|
||||
right: 0;
|
||||
bottom: 25px;
|
||||
@@ -67,10 +66,10 @@
|
||||
|
||||
.sidebar-header, /* Deprecated -> red-ui-sidebar-header */
|
||||
.red-ui-sidebar-header {
|
||||
color: #666;
|
||||
color: $primary-text-color;
|
||||
text-align: right;
|
||||
padding: 8px 10px;
|
||||
background: #f3f3f3;
|
||||
background: $primary-background;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -120,9 +119,9 @@ button.red-ui-sidebar-header-button-toggle {
|
||||
top: calc(50% - 26px);
|
||||
|
||||
padding:15px 8px;
|
||||
border:1px solid #ccc;
|
||||
background:#f9f9f9;
|
||||
color: #999;
|
||||
border:1px solid $primary-border-color;
|
||||
background:$primary-background;
|
||||
color: $secondary-text-color;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
|
||||
.red-ui-sidebar-node-config {
|
||||
position: relative;
|
||||
background: #f3f3f3;
|
||||
background: $secondary-background;
|
||||
height: 100%;
|
||||
overflow-y:auto;
|
||||
@include disable-selection;
|
||||
@@ -28,8 +28,9 @@
|
||||
.red-ui-palette-node {
|
||||
overflow: hidden;
|
||||
&.selected {
|
||||
margin: 10px auto;
|
||||
border-color: $node-selected-color;
|
||||
background-color: #eee;
|
||||
border-width: 2px;
|
||||
}
|
||||
}
|
||||
.red-ui-palette-label {
|
||||
@@ -43,7 +44,7 @@
|
||||
.red-ui-palette-icon-container {
|
||||
font-size: 12px;
|
||||
line-height: 30px;
|
||||
background-color: #e8e8e8;
|
||||
background-color: $secondary-background-selected;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
a {
|
||||
@@ -52,10 +53,10 @@
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
color: #666;
|
||||
color: $secondary-text-color;
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
background: #ccc;
|
||||
background: $secondary-background-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -63,12 +64,12 @@
|
||||
.red-ui-palette-node-config {
|
||||
width: 160px;
|
||||
height: 30px;
|
||||
background: #f3f3f3;
|
||||
color: #666;
|
||||
background: $primary-background;
|
||||
color: $primary-text-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
.red-ui-palette-node-config-type {
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
text-align: right;
|
||||
padding-right: 3px;
|
||||
&:not(:first-child) {
|
||||
@@ -76,15 +77,15 @@
|
||||
}
|
||||
}
|
||||
.red-ui-palette-node-config-none {
|
||||
color: #ddd;
|
||||
color: $tertiary-text-color;
|
||||
text-align:right;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.red-ui-palette-node-config-unused {
|
||||
border-color: #aaa;
|
||||
background: #f9f9f9;
|
||||
border-color: $primary-border-color;
|
||||
background: $secondary-background-inactive;
|
||||
border-style: dashed;
|
||||
color: #aaa;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
.red-ui-sidebar-node-config-filter-info {
|
||||
position: absolute;
|
||||
@@ -95,6 +96,6 @@
|
||||
padding: 0 8px;
|
||||
background: $palette-header-background;
|
||||
font-size: 0.8em;
|
||||
color: #999;
|
||||
color: $secondary-text-color;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@@ -43,12 +43,12 @@
|
||||
.red-ui-sidebar-context-updated {
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
color: #bbb;
|
||||
color: $tertiary-text-color;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
.red-ui-sidebar-context-property-storename {
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
font-style: italic;
|
||||
color: #aaa;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
|
||||
@@ -23,8 +23,8 @@ table.node-info {
|
||||
width: 100%;
|
||||
}
|
||||
table.node-info tr:not(.blank) {
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-top: 1px solid $secondary-border-color;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
}
|
||||
.node-info-property-expand {
|
||||
font-size: 0.8em;
|
||||
@@ -40,7 +40,7 @@ table.node-info tr.blank {
|
||||
th {
|
||||
text-align: left;
|
||||
font-weight: 500;
|
||||
color: #444;
|
||||
color: $primary-text-color;
|
||||
padding: 6px 3px 3px;
|
||||
}
|
||||
>* {
|
||||
@@ -52,9 +52,9 @@ table.node-info tr.blank {
|
||||
|
||||
a {
|
||||
display: block;
|
||||
color: #666;
|
||||
color: $primary-text-color;
|
||||
&:hover,&:focus {
|
||||
color: #666;
|
||||
color: $primary-text-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:not(.expanded) {
|
||||
@@ -89,27 +89,40 @@ table.node-info tr.blank {
|
||||
}
|
||||
.node-info-none {
|
||||
font-style: italic;
|
||||
color: #aaa;
|
||||
color: $tertiary-text-color;
|
||||
}
|
||||
table.node-info tr:not(.blank) td:first-child{
|
||||
color: #444;
|
||||
color: $header-text-color;
|
||||
vertical-align: top;
|
||||
width: 90px;
|
||||
padding: 3px 3px 3px 6px;
|
||||
background:#f9f9f9;
|
||||
border-right: 1px solid #ddd;
|
||||
background:$tertiary-background;
|
||||
border-right: 1px solid $secondary-border-color;
|
||||
}
|
||||
table.node-info tr:not(.blank) td:last-child{
|
||||
padding: 3px 3px 3px 6px;
|
||||
color: #666;
|
||||
color: $primary-text-color;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
div.node-info {
|
||||
margin: 5px;
|
||||
}
|
||||
.node-help {
|
||||
font-size: 14px;
|
||||
font-size: $primary-font-size;
|
||||
line-height: 1.5em;
|
||||
|
||||
a {
|
||||
color: $info-text-link-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: $info-text-link-color;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
font-weight: 500;
|
||||
font-size: 1.296em;
|
||||
@@ -138,7 +151,7 @@ div.node-info {
|
||||
& > span > p:first-child {
|
||||
}
|
||||
dl.message-properties {
|
||||
border: 1px solid #ddd;
|
||||
border: 1px solid $secondary-border-color;
|
||||
border-radius: 2px;
|
||||
|
||||
margin: 5px auto 10px;
|
||||
@@ -147,7 +160,7 @@ div.node-info {
|
||||
font-family: $monospace-font;
|
||||
font-weight: normal;
|
||||
margin: 5px 3px 1px;
|
||||
color: #AD1625;
|
||||
color: $text-color-warning;
|
||||
white-space: nowrap;
|
||||
&.optional {
|
||||
font-style: italic;
|
||||
@@ -155,7 +168,7 @@ div.node-info {
|
||||
}
|
||||
.property-type {
|
||||
font-family: $primary-font;
|
||||
color: #666;
|
||||
color: $primary-text-color;
|
||||
font-style: italic;
|
||||
font-size: 11px;
|
||||
float: right;
|
||||
@@ -174,7 +187,7 @@ div.node-info {
|
||||
ol.node-ports {
|
||||
margin: 0;
|
||||
li {
|
||||
border: 1px solid #ddd;
|
||||
border: 1px solid $secondary-border-color;
|
||||
border-radius: 2px;
|
||||
list-style-position: inside;
|
||||
padding: 3px;
|
||||
@@ -191,7 +204,7 @@ div.node-info {
|
||||
transition: transform 0.2s ease-in-out;
|
||||
margin-right: 4px;
|
||||
}
|
||||
color: #333;
|
||||
color: $header-text-color;
|
||||
&:hover, &:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -211,7 +224,7 @@ div.node-info {
|
||||
right: 0;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.node-info-tips {
|
||||
.red-ui-help-tips {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left:0;
|
||||
@@ -220,21 +233,21 @@ div.node-info {
|
||||
height: 150px;
|
||||
box-sizing: border-box;
|
||||
border-top: 1px solid $secondary-border-color;
|
||||
background-color: #fff;
|
||||
background-color: $secondary-background;
|
||||
padding: 20px;
|
||||
box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 5px 20px 0px $shadow;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.sidebar-node-info.show-tips {
|
||||
.sidebar-node-info-stack {
|
||||
bottom: 150px;
|
||||
}
|
||||
.node-info-tips {
|
||||
.red-ui-help-tips {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.node-info-tips:before {
|
||||
.red-ui-help-tips:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
@@ -249,23 +262,23 @@ div.node-info {
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
line-height: 1.9em;
|
||||
color : #bbb;
|
||||
color : $tertiary-text-color;
|
||||
@include disable-selection;
|
||||
cursor: default;
|
||||
}
|
||||
.node-info-tips-buttons {
|
||||
.red-ui-help-tips-buttons {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 6px;
|
||||
a {
|
||||
color: #ddd !important;
|
||||
border-color: #d9d9d9 !important;
|
||||
color: $secondary-text-color;
|
||||
border-color: $secondary-border-color !important;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.node-info-property-config-node {
|
||||
border: 1px solid #eee;
|
||||
border: 1px solid $secondary-border-color;
|
||||
border-radius: 4px;
|
||||
padding: 2px 4px 2px;
|
||||
}
|
||||
|
||||
@@ -30,7 +30,6 @@
|
||||
}
|
||||
}
|
||||
& ul {
|
||||
//background: #9999ff;
|
||||
list-style-type: none;
|
||||
padding:0;
|
||||
margin: 0;
|
||||
@@ -159,7 +158,7 @@
|
||||
height: 100%;
|
||||
border-right: 1px solid $primary-border-color;
|
||||
margin: 0;
|
||||
background: $primary-background;
|
||||
background: $tertiary-background;
|
||||
overflow: visible;
|
||||
|
||||
.red-ui-tabs-scroll-container {
|
||||
@@ -245,11 +244,6 @@
|
||||
width: 28px;
|
||||
margin: 4px 3px 3px;
|
||||
z-index: 2;
|
||||
&.red-ui-tab-link-button {
|
||||
&:not(.active) {
|
||||
// background: #eee;
|
||||
}
|
||||
}
|
||||
&.red-ui-tab-link-button-menu {
|
||||
border-color: $tab-background;
|
||||
}
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
.red-ui-checkboxSet {
|
||||
width: 15px;
|
||||
display: inline-block;
|
||||
color: #888;
|
||||
color: $secondary-text-color;
|
||||
cursor: pointer;
|
||||
input {
|
||||
display:none;
|
||||
@@ -24,6 +24,6 @@
|
||||
|
||||
&.disabled {
|
||||
pointer-events: none;
|
||||
color: #ddd;
|
||||
color: $secondary-text-color-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
li {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
margin:0;
|
||||
padding:8px 0px;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
@@ -47,7 +47,7 @@
|
||||
top: 50%;
|
||||
left: 2px;
|
||||
margin-top: -7px;
|
||||
color: #eee;
|
||||
color: $tertiary-text-color;
|
||||
cursor: move;
|
||||
}
|
||||
.red-ui-editableList-item-remove {
|
||||
@@ -68,7 +68,7 @@
|
||||
margin-right: 28px;
|
||||
}
|
||||
&.red-ui-editableList-item-deleting {
|
||||
background: #fee;
|
||||
background: $secondary-background-inactive;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -21,9 +21,9 @@
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
border: none;
|
||||
background: #fefefe;
|
||||
background: $secondary-background;
|
||||
&:hover {
|
||||
background: #f0f0f0;
|
||||
background: $secondary-background-hover;
|
||||
}
|
||||
|
||||
i.fa-angle-right {
|
||||
@@ -44,12 +44,12 @@
|
||||
}
|
||||
}
|
||||
.red-ui-editableList-item-content.disabled {
|
||||
color: #ccc;
|
||||
color: $secondary-text-color-disabled;
|
||||
}
|
||||
&.red-ui-editableList-section-header {
|
||||
background: #f0f0f0;
|
||||
background: $primary-background;
|
||||
.red-ui-editableList-item-content.disabled {
|
||||
color: #bbb;
|
||||
color: $secondary-text-color-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
position: relative;
|
||||
i {
|
||||
font-size: 10px;
|
||||
color: #666;
|
||||
color: $secondary-text-color;
|
||||
}
|
||||
i.fa-search {
|
||||
position: absolute;
|
||||
@@ -61,8 +61,8 @@
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
top: 4px;
|
||||
background: #eee;
|
||||
color: #666;
|
||||
background: $primary-background;
|
||||
color: $secondary-text-color;
|
||||
padding: 1px 8px;
|
||||
font-size: 9px;
|
||||
border-radius: 4px;
|
||||
|
||||
@@ -15,9 +15,9 @@
|
||||
**/
|
||||
|
||||
.red-ui-stack {
|
||||
background: white;
|
||||
background: $secondary-background;
|
||||
.red-ui-palette-category {
|
||||
background: white;
|
||||
background: $secondary-background;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: #f9f9f9;
|
||||
background: $tertiary-background;
|
||||
|
||||
border: 1px solid $form-input-border-color;
|
||||
border-radius: 4px;
|
||||
|
||||
@@ -43,7 +43,6 @@
|
||||
border-bottom-left-radius: 0;
|
||||
box-shadow: none;
|
||||
vertical-align: middle;
|
||||
// backgroun/d: #f0fff0;
|
||||
}
|
||||
|
||||
&.red-ui-typedInput-focus:not(.input-error) {
|
||||
@@ -62,11 +61,11 @@
|
||||
border-bottom-left-radius: 4px;
|
||||
padding: 0 1px 0 5px;
|
||||
display:inline-block;
|
||||
background: $typedInput-button-background;
|
||||
background: $form-button-background;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
vertical-align: middle;
|
||||
color: #555;
|
||||
color: $form-text-color;
|
||||
i.red-ui-typedInput-icon {
|
||||
position: relative;
|
||||
top: -3px;
|
||||
@@ -81,7 +80,7 @@
|
||||
&.disabled {
|
||||
cursor: default;
|
||||
i.red-ui-typedInput-icon {
|
||||
color: #bbb;
|
||||
color: $secondary-text-color-disabled;
|
||||
}
|
||||
}
|
||||
.red-ui-typedInput-type-label,.red-ui-typedInput-option-label {
|
||||
@@ -92,7 +91,7 @@
|
||||
|
||||
&:not(.disabled):hover {
|
||||
text-decoration: none;
|
||||
background: $typedInput-button-background-hover;
|
||||
background: $workspace-button-background-hover;
|
||||
}
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
@@ -100,7 +99,7 @@
|
||||
box-shadow: inset 0 0 0 1px $form-input-focus-color;
|
||||
}
|
||||
&:not(.disabled):active {
|
||||
background: $typedInput-button-background-active;
|
||||
background: $workspace-button-background-active;
|
||||
text-decoration: none;
|
||||
}
|
||||
&.red-ui-typedInput-full-width {
|
||||
@@ -127,7 +126,8 @@
|
||||
position:absolute;
|
||||
right: 0;
|
||||
.red-ui-typedInput-option-label {
|
||||
background:$typedInput-button-background;
|
||||
background:$form-button-background;
|
||||
color: $form-text-color;
|
||||
position:absolute;
|
||||
left:0;
|
||||
right:23px;
|
||||
@@ -160,25 +160,25 @@
|
||||
|
||||
position: absolute;
|
||||
border: 1px solid $primary-border-color;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
z-index: 2000;
|
||||
a {
|
||||
padding: 6px 18px 6px 6px;
|
||||
display: block;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
color: #333;
|
||||
color: $form-text-color;
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
background: $typedInput-button-background-hover;
|
||||
background: $workspace-button-background-hover;
|
||||
}
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
background: $typedInput-button-background-active;
|
||||
background: $workspace-button-background-active;
|
||||
outline: none;
|
||||
}
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
background: $typedInput-button-background-active;
|
||||
background: $workspace-button-background-active;
|
||||
}
|
||||
}
|
||||
.red-ui-typedInput-icon {
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 120px;
|
||||
background: #f3f3f3;
|
||||
background: $tertiary-background;
|
||||
}
|
||||
.red-ui-settings-tabs-content {
|
||||
position: absolute;
|
||||
|
||||
@@ -41,12 +41,12 @@
|
||||
}
|
||||
|
||||
.red-ui-workspace-chart-background {
|
||||
fill: $workspace-background;
|
||||
fill: $view-background;
|
||||
}
|
||||
.red-ui-workspace-chart-grid line {
|
||||
fill: none;
|
||||
shape-rendering: crispEdges;
|
||||
stroke: $workspace-grid-color;
|
||||
stroke: $view-grid-color;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
|
||||
@@ -100,7 +100,7 @@
|
||||
border-left: 1px solid $primary-border-color;
|
||||
border-top: 1px solid $primary-border-color;
|
||||
background: $view-navigator-background;
|
||||
box-shadow: -1px 0 3px rgba(0,0,0,0.1);
|
||||
box-shadow: -1px 0 3px $shadow;
|
||||
}
|
||||
.red-ui-navigator-border {
|
||||
stroke-dasharray: 5,5;
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
padding: 7px;
|
||||
height: 40px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
background: $secondary-background;
|
||||
border-bottom: 1px solid $secondary-border-color;
|
||||
white-space: nowrap;
|
||||
transition: right 0.2s ease;
|
||||
@@ -77,7 +77,7 @@
|
||||
margin: 0;
|
||||
height: 24px;
|
||||
font-size: 12px;
|
||||
background: #f9f9f9;
|
||||
background: $form-input-background;
|
||||
line-height: 22px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user