Feature: Quick Search

Device/Job/User Search refactoring. Quick-Search implemented.

Disco.Web/ClientSource/Style/BundleSite.css

@@ -3492,6 +3492,25 @@ header .watermark,
 #header .watermark {
   background-color: #888;
 }
+#QuickSearchMenu {
+  max-height: 400px;
+  font-size: .9em;
+  background: none;
+  background-color: #fafafa;
+}
+#QuickSearchMenu li:not(:last-child) {
+  border-bottom: 1px solid #d8d8d8;
+}
+#QuickSearchMenu li > a {
+  padding: 2px;
+}
+#QuickSearchMenu li > a > i {
+  margin-right: 2px;
+}
+#QuickSearchMenu li > a > div {
+  padding-left: 1.2857142857142858em;
+  margin-left: 2px;
+}
 #layout_PageHeading {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA8CAYAAABfESsNAAAAOUlEQVRIx+2SuREAIAzDFELL/uOSFVLx3Mm1C8nnABaNDJq5WJzAVkZGZXyPMg7+jUwCIeNZmdcZC2pxCZOpoRNgAAAAAElFTkSuQmCC) /*Images/BackgroundPage.png*/ left top repeat-x #ffffff;
   background: linear-gradient(to bottom, #f2f2f2 0px, #ffffff 50px) #ffffff;
@@ -4509,7 +4528,6 @@ input:-moz-placeholder {
   overflow-x: hidden;
   /* add padding to account for vertical scrollbar */
 
-  padding-right: 20px;
 }
 /* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall

Disco.Web/ClientSource/Style/Site.css

@@ -291,6 +291,25 @@ header .watermark,
 #header .watermark {
   background-color: #888;
 }
+#QuickSearchMenu {
+  max-height: 400px;
+  font-size: .9em;
+  background: none;
+  background-color: #fafafa;
+}
+#QuickSearchMenu li:not(:last-child) {
+  border-bottom: 1px solid #d8d8d8;
+}
+#QuickSearchMenu li > a {
+  padding: 2px;
+}
+#QuickSearchMenu li > a > i {
+  margin-right: 2px;
+}
+#QuickSearchMenu li > a > div {
+  padding-left: 1.2857142857142858em;
+  margin-left: 2px;
+}
 #layout_PageHeading {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA8CAYAAABfESsNAAAAOUlEQVRIx+2SuREAIAzDFELL/uOSFVLx3Mm1C8nnABaNDJq5WJzAVkZGZXyPMg7+jUwCIeNZmdcZC2pxCZOpoRNgAAAAAElFTkSuQmCC) /*Images/BackgroundPage.png*/ left top repeat-x #ffffff;
   background: linear-gradient(to bottom, #f2f2f2 0px, #ffffff 50px) #ffffff;

Disco.Web/ClientSource/Style/Site.less

@@ -112,6 +112,7 @@ header, #header {
                         &:first-child {
                             border-top: 1px solid @BackgroundColour;
                         }
+
                         &:last-child {
                             border-bottom: 1px solid @BackgroundColour;
                         }
@@ -215,6 +216,31 @@ header, #header {
     }
 }
 
+#QuickSearchMenu {
+    max-height: 400px;
+    font-size: .9em;
+    background: none;
+    background-color: @BackgroundColourLight;
+
+    li {
+        &:not(:last-child) {
+            border-bottom: 1px solid @TableDataDarkBorderColour;
+        }
+
+        & > a {
+            padding: 2px;
+            & > i {
+                margin-right: 2px;
+            }
+
+            & > div {
+                padding-left: 1.2857142857142858em;
+                margin-left: 2px;
+            }
+        }
+    }
+}
+
 #layout_PageHeading {
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA8CAYAAABfESsNAAAAOUlEQVRIx+2SuREAIAzDFELL/uOSFVLx3Mm1C8nnABaNDJq5WJzAVkZGZXyPMg7+jUwCIeNZmdcZC2pxCZOpoRNgAAAAAElFTkSuQmCC) /*Images/BackgroundPage.png*/ left top repeat-x @white;
     background: linear-gradient(to bottom, @BackgroundColourGradient 0px, @white 50px) @white;

Disco.Web/ClientSource/Style/jQueryUIExtensions.css

@@ -106,7 +106,6 @@ input:-moz-placeholder {
   overflow-x: hidden;
   /* add padding to account for vertical scrollbar */
 
-  padding-right: 20px;
 }
 /* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall

Disco.Web/ClientSource/Style/jQueryUIExtensions.less

@@ -32,7 +32,7 @@ input:-moz-placeholder {
     /* prevent horizontal scrollbar */
     overflow-x: hidden;
     /* add padding to account for vertical scrollbar */
-    padding-right: 20px;
+    //padding-right: 20px;
 }
 /* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall