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

Move remaining library dialogs to new style

Browse Source
This commit is contained in:
Nick O'Leary
2019-04-24 11:50:24 +01:00
parent 6f37d5ca5c
commit 5e43a02cd3
11 changed files with 335 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -48,7 +48,7 @@
}
}
}
#clipboard-dialog-export-tab-clipboard {
.clipboard-dialog-tab-clipboard {
padding: 10px;
textarea {
resize: none;
@@ -56,7 +56,7 @@
border-radius: 4px;
font-family: monospace !important;
font-size: 13px !important;
height: 430px;
height: 300px;
line-height: 1.3em;
padding: 6px 10px;
background: #F3E7E7;
@@ -64,7 +64,7 @@
}
}
#clipboard-dialog-export-tabs-content {
.clipboard-dialog-tabs-content {
position: absolute;
top: 0;
left: 120px;
@@ -72,19 +72,25 @@
bottom: 0;
padding: 0;
background: white;
&>div {
height: calc(100% - 20px)
}
}
#clipboard-dialog-export-tab-library {
.clipboard-dialog-tab-library {
.form-row {
margin-left: 10px;
}
}
#clipboard-dialog {
form {
margin-bottom: 0;
}
.form-row:last-child {
margin-bottom: 0;
}
}
#clipboard-dialog-tab-library-name {
width: calc(100% - 120px);
}
@@ -94,7 +100,13 @@
border-bottom: 1px solid $primary-border-color;
box-sizing: border-box;
}
#clipboard-dialog-import-tab-library {
height: 100%;
}
#clipboard-dialog-import-tab-library-browser {
height: 100%;
box-sizing: border-box;
}
.red-ui-library-browser {

15
packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss vendored
View File

@@ -49,18 +49,18 @@
transition: transform 0.1s ease-in-out;
}
.red-ui-editableList {
display: none;
// display: none;
}
&.expanded {
& > .red-ui-treeList-label .fa-angle-right {
transform: rotate(90deg)
}
& > .red-ui-editableList {
display: block
}
& > .red-ui-treeList-spinner {
display: block;
}
// & > .red-ui-editableList {
// display: block
// }
// & > .red-ui-treeList-spinner {
// display: block;
// }
}
}
}
@@ -108,7 +108,6 @@ label.red-ui-treeList-label {
text-align: center;
}
.red-ui-treeList-spinner {
display: none;
height: 32px;
background: url(images/spin.svg) 50% 50% no-repeat;
background-size: auto 20px;