frodovdr
/
node-red
mirror of https://github.com/node-red/node-red.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Tweak search box styling

This commit is contained in:
Nick O'Leary 2016-11-08 21:18:34 +00:00
parent 60a41524f0
commit a0e6628757
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
editor/js/ui/typeSearch.js
View File

@ -183,6 +183,7 @@ RED.typeSearch = (function() {
dialog.css({left:opts.x+"px",top:opts.y+"px"}).show(); dialog.css({left:opts.x+"px",top:opts.y+"px"}).show();
searchResultsDiv.slideDown(); searchResultsDiv.slideDown();
setTimeout(function() { setTimeout(function() {
searchResultsDiv.find(".red-ui-editableList-container").scrollTop(0);
searchInput.focus(); searchInput.focus();
},100); },100);
} }
@ -208,7 +209,6 @@ RED.typeSearch = (function() {
searchResults.editableList('empty'); searchResults.editableList('empty');
searchInput.searchBox('value',''); searchInput.searchBox('value','');
selected = -1; selected = -1;
searchResults.parent().scrollTop(0);
var common = { var common = {
"debug" : false, "debug" : false,
"inject" : false, "inject" : false,

40
editor/sass/search.scss
View File

@ -52,16 +52,16 @@
.red-ui-search-results-container { .red-ui-search-results-container {
display: none; display: none;
height: 150px; height: 150px;
// position: absolute; .red-ui-editableList-container {
// top: 0; border: 1px dashed #aaa;
// left:0; border-top: 1px solid #ccc;
// right: 0; }
// bottom: 0;
// padding: 0;
} }
.red-ui-search-result { .red-ui-search-result {
padding: 2px 2px 2px 5px; padding: 2px 2px 2px 5px;
font-size: 12px; font-size: 13px;
border-left-width: 2px;
border-right-width: 2px;
} }
.red-ui-search-result-node { .red-ui-search-result-node {
width: 18px; width: 18px;
@ -79,7 +79,6 @@
.red-ui-search-result-node-label { .red-ui-search-result-node-label {
color: #999; color: #999;
} }
} }
.red-ui-search-container { .red-ui-search-container {
@ -90,19 +89,21 @@
position:relative; position:relative;
height: 300px; height: 300px;
padding: 5px; padding: 5px;
background: $background-color; background: #f9f9f9;
.red-ui-editableList-container { .red-ui-editableList-container {
background: white; background: white;
border-radius: 2px;
padding: 0; padding: 0;
background: $background-color; background: #f9f9f9;
li { li {
padding: 0; padding: 0;
&.selected {
&.selected .red-ui-search-result { background: #efefef;
border-color: $primary-border-color; .red-ui-search-result {
border-left-color:#999;
border-right-color:#999;
}
} }
} }
} }
} }
@ -111,11 +112,14 @@
display: block; display: block;
cursor: pointer; cursor: pointer;
color: $form-text-color; color: $form-text-color;
border: 2px solid white; border-left: 3px solid #fff;
border-right: 3px solid #fff;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
border-color: $primary-border-color;
color: $form-text-color; color: $form-text-color;
background: #efefef;
border-left-color:#efefef;
border-right-color:#efefef;
} }
&:after { &:after {
content: ""; content: "";