Fix browser-specific CSS alignment error and add search delay

WasabiFan · WasabiFan · commit c37637ef2bca · 2014-11-25T18:37:21.000-08:00
diff --git a/_config.yml b/_config.yml
@@ -29,16 +29,16 @@ defaults:
       categories: "tutorials docs"
   -
     scope:
-      path: "docs/drivers"
+      path: "docs/sensors"
       type: "pages"
     values:
-      category: "drivers"
+      categories: "sensors docs"
   -
     scope:
-      path: "docs/sensors"
+      path: "docs/motors"
       type: "pages"
     values:
-      categories: "sensors docs"
+      categories: "motors docs"
   -
     scope:
       path: ""
diff --git a/_includes/header.html b/_includes/header.html
@@ -17,8 +17,8 @@
             <a href="{{ site.github.url }}/contributing" title="How to contribute to ev3dev">Contributing</a>
         </li>
         <!-- items below float right, so appear in reverse order -->
-        <li class="right headerBox" id="search-li">
-            <input type="text" id="search-input" onfocus="searchFocus()" onkeyup="searchUpdate()" placeholder="Quick Nav" onkeypress="this.onkeyup();" onpaste="this.onkeyup();" oninput="this.onkeyup();" />
+        <li class="right header-box" id="search-li">
+            <input type="text" id="search-input" onfocus="searchFocus()" onkeyup="searchTextChanged()" placeholder="Quick Nav" onkeypress="this.onkeyup();" onpaste="this.onkeyup();" oninput="this.onkeyup();" />
             <div id="search-dropdown">
                 <div class="search-results-container" id="search-results-docs">
                     <h2>In docs</h2>
diff --git a/javascripts/search.js b/javascripts/search.js
@@ -4,7 +4,7 @@ layout:
 
 var searchData;
 var dataLoading = false;
-var itemLoadTimer;
+var itemLoadTimer, searchKeystrokeEventTimer;
 
 var projectResultArea, docResultArea, miscResultArea;
 $(document).ready(function () {
@@ -53,6 +53,16 @@ function searchFocus() {
         searchUpdate();
 }
 
+function searchTextChanged() {
+    if(searchKeystrokeEventTimer != undefined)
+        clearTimeout(searchKeystrokeEventTimer);
+
+    searchKeystrokeEventTimer = setTimeout(function() {
+        searchKeystrokeEventTimer = undefined;
+        searchUpdate();
+    }, 400);
+}
+
 //Loads the data from the JSON document
 function loadSearchData(callback) {
     if (dataLoading)
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
@@ -813,8 +813,7 @@ dt {
   margin: 6px auto;
 }
 
-.headerBox {    
-    line-height: 50px;
+.header-box {
     list-style: none;
 }
 
@@ -848,6 +847,7 @@ dt {
 #search-dropdown {
     position: relative;
     left: -180px;
+    top: 8px;
     width: 320px;
 
     max-height: 500px;

Original file line number	Diff line number	Diff line change
`@@ -813,8 +813,7 @@ dt {`
`813`	`813`	`margin: 6px auto;`
`814`	`814`	`}`
`815`	`815`
`816`		`-.headerBox {`
`817`		`- line-height: 50px;`
	`816`	`+.header-box {`
`818`	`817`	`list-style: none;`
`819`	`818`	`}`
`820`	`819`
`@@ -848,6 +847,7 @@ dt {`
`848`	`847`	`#search-dropdown {`
`849`	`848`	`position: relative;`
`850`	`849`	`left: -180px;`
	`850`	`+ top: 8px;`
`851`	`851`	`width: 320px;`
`852`	`852`
`853`	`853`	`max-height: 500px;`