frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow debug msg elements to be pinned

Browse Source
This commit is contained in:
Nick O'Leary
2017-05-11 15:08:10 +01:00
parent 7381784d0f
commit e79da408a8
3 changed files with 213 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
editor/sass/debug.scss
View File

@@ -51,25 +51,56 @@
border-left: 8px solid #eee;
border-right: 8px solid #eee;
padding: 2px;
&>.debug-message-meta .debug-message-tools {
display: none;
}
&.debug-message-hover {
border-right-color: #999;
&>.debug-message-meta .debug-message-tools {
display: inline-block;
}
}
.debug-message-row:hover {
background: #f3f3f3;
&>.debug-message-tools {
.debug-message-row {
.debug-message-tools-pin {
display: none;
}
&.debug-message-row-pinned .debug-message-tools-pin {
display: inline-block;
}
&:hover {
background: #f3f3f3;
&>.debug-message-tools {
.debug-message-tools-copy {
display: inline-block;
}
.debug-message-tools-pin {
display: inline-block;
}
}
}
}
}
.debug-message-row .debug-message-tools .editor-button-small {
height: 16px;
line-height: 14px;
font-size: 8px;
border-radius: 1px;
padding: 0 3px;
.debug-message-row .debug-message-tools {
.button-group:not(:last-child) {
margin-right: 3px;
}
.editor-button-small {
height: 16px;
line-height: 14px;
font-size: 8px;
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%);
}
}
}
.debug-message-meta {
@@ -92,7 +123,9 @@
position: absolute;
top: 3px;
right: 1px;
display: none;
.debug-message-tools-copy {
display: none;
}
}
.debug-message-payload {
display: block;
@@ -183,6 +216,9 @@
display: block;
padding: 4px 2px 2px;
position: relative;
&.debug-message-row-pinned {
background: #f6f6f6;
}
}
.debug-message-expandable {
cursor: pointer;