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

Add install tab to palette-editor

Browse Source
This commit is contained in:
Nick O'Leary
2016-08-09 10:43:03 +01:00
parent 3017442702
commit e4d788ad0b
7 changed files with 324 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
editor/sass/palette-editor.scss
View File

@@ -27,9 +27,7 @@
background: #fff;
.red-ui-editableList-container {
border-left: none;
border-right: none;
border-bottom: none;
border: none;
border-radius: 0;
padding: 0px;
@@ -50,6 +48,14 @@
}
}
.palette-editor-tab {
position:absolute;
top:115px;
left:0;
right:0;
bottom:0
}
.palette-module-button-group {
position: absolute;
right: 0;
@@ -68,7 +74,6 @@
text-align: center;
}
.palette-module-meta {
overflow: hidden;
color: #666;
position: relative;
&.disabled {
@@ -85,11 +90,25 @@
white-space: nowrap;
@include enable-selection;
}
.palette-module-version {
.palette-module-version, .palette-module-updated, .palette-module-link {
font-style:italic;
font-size: 0.8em;
@include enable-selection;
}
.palette-module-updated {
margin-left: 10px;
}
.palette-module-link {
margin-left: 5px;
}
.palette-module-description {
margin-left: 20px;
font-size: 0.9em;
color: #999;
}
.palette-module-link {
}
.palette-module-set-button-group {
}
.palette-module-count {
@@ -163,5 +182,22 @@
color: #999;
}
}
.palette-module-more {
padding: 0 !important;
margin-top: 10px;
margin-bottom: 10px;
background: $tab-background-inactive;
a {
display: block;
text-align: center;
padding: 12px 8px;
color: #AD1625;
&:hover {
text-decoration: none;
background: $tab-background-hover;
}
}
}
}

41
editor/sass/palette.scss
View File

@@ -69,49 +69,8 @@
padding: 3px;
border-bottom: 1px solid $primary-border-color;
box-sizing:border-box;
i {
font-size: 10px;
color: #666;
}
i.fa-search {
position: absolute;
pointer-events: none;
left: 12px;
top: 12px;
}
i.fa-times {
position: absolute;
right: 7px;
top: 12px;
}
input {
border-radius: 0;
border: none;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
padding: 3px 17px 3px 22px;
margin: 0px;
height: 30px;
box-sizing:border-box;
&:focus {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
}
}
.palette-search-clear {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 20px;
display: none;
}
}
#palette-footer {
@include component-footer;
}