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

Update editableList apis

Browse Source
This commit is contained in:
Nick O'Leary
2016-05-29 22:25:30 +01:00
parent 69f83cb905
commit ada1e624d8
4 changed files with 100 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
editor/sass/editableList.scss
View File

@@ -16,27 +16,28 @@
.red-ui-editableList-container {
min-height: 200px;
border: 1px solid $form-input-border-color;
border-radius: 4px;
padding: 5px;
margin: 0;
vertical-align: middle;
box-sizing: border-box;
overflow-y:scroll;
.red-ui-editableList-list {
list-style-type:none;
margin: 0;
}
.red-ui-editabelList-item-placeholder {
border: 2px dashed $secondary-border-color !important;
}
li {
box-sizing: border-box;
position: relative;
background: #fff;
margin:0;
padding:8px 0px;
border-bottom: 1px solid $secondary-border-color;
min-height: 20px;
.red-ui-editableList-item-handle {
position: absolute;
top: 50%;
@@ -45,18 +46,21 @@
color: #eee;
cursor: move;
}
.red-ui-editableList-item-delete {
.red-ui-editableList-item-remove {
position: absolute;
top: 50%;
right: 0px;
margin-top: -9px;
}
&.ui-sortable-helper {
border-top: 1px solid $secondary-border-color;
}
//.red-ui-editableList-item-content { outline: 1px solid red}
&.red-ui-editableList-item-sortable .red-ui-editableList-item-content {
margin-left: 22px;
}
&.red-ui-editableList-item-deletable .red-ui-editableList-item-content {
&.red-ui-editableList-item-removable .red-ui-editableList-item-content {
margin-right: 28px;
}
&.red-ui-editableList-item-deleting {