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

Better node properties layout in diff table

Browse Source
This commit is contained in:
Nick O'Leary
2017-08-03 23:04:39 +01:00
parent 7368b0cefb
commit 7de1bf9d95
4 changed files with 35 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
editor/sass/diff.scss
View File

@@ -33,7 +33,6 @@
border: none;
min-height: 0;
}
}
.red-ui-editableList-item-content {
padding: 5px;
@@ -42,19 +41,23 @@
}
#node-dialog-view-diff-headers {
position: absolute;
left:17px;
right:32px;
left:237px;
right:18px;
top: 55px;
height: 25px;
.node-diff-node-entry-cell:not(:first-child) {
div {
height: 25px;
display: inline-block;
box-sizing: border-box;
width: 50%;
background: #f9f9f9;
text-align: center;
border-top: 1px solid $secondary-border-color;
border-color:$secondary-border-color;
border-left: 1px solid $secondary-border-color;
}
.node-diff-node-entry-cell:last-child {
div:last-child {
border-right: 1px solid $secondary-border-color;
}
}
@@ -104,10 +107,10 @@
font-size: 0.9em;
&:first-child {
border-top: 1px solid #eee;
border-top: 1px solid $secondary-border-color;
}
&:not(:last-child) {
border-bottom: 1px solid #eee;
border-bottom: 1px solid $secondary-border-color;
}
&.collapsed {
@@ -130,10 +133,21 @@
table {
border-collapse: collapse;
table-layout:fixed;
width: calc(100% - 20px);
margin-left: 20px;
}
col:first-child {
width: 180px;
}
col:not(:first-child) {
width: 100%;
}
td, th {
border: 1px solid $secondary-border-color;
border-top: 1px solid #f3f3f3;
border-left: 1px solid $secondary-border-color;
&:first-child {
border-left: none;
}
padding: 0 0 0 3px;
text-align: left;
overflow-x: auto;
@@ -149,12 +163,7 @@
}
}
col:first-child {
width: 140px;
}
col:not(:first-child) {
width: 100%;
}
td {
.node-diff-status {
margin-left: 0;
@@ -308,7 +317,7 @@
}
}
.node-diff-node-entry-properties {
margin: 5px ;
margin: 0;
color: #666;
}
.node-diff-status {
@@ -357,7 +366,7 @@
box-sizing: border-box;
width: calc( (100% - 20px) / 2);
height: 32px;
border-left: 1px solid #eee;
border-left: 1px solid $secondary-border-color;
padding-top: 2px;
white-space: nowrap;
overflow: hidden;