feat: quick search changes

less/search.less

@@ -33,23 +33,39 @@
 	}
 }
 
-.quick-search-results {
+.quick-search-container {
-	max-width: 400px;
+	.dropdown-menu;
-	max-height: 500px;
+	display: block;
-	overflow-x: hidden;
+	left: auto;
-	overflow-y: auto;
+	right: 0px;
-	a {
+	.quick-search-results {
-		white-space: nowrap;
+		max-width: 400px;
-		text-overflow: ellipsis;
+		max-height: 500px;
-		overflow: hidden
+		overflow-x: hidden;
-	}
+		overflow-y: auto;
-	.quick-search-title {
+		padding: 0px 0px;
-		font-weight: 600;
+		li {
-	}
+			list-style: none;
+			a {
+				text-overflow: ellipsis;
+				overflow: hidden;
+				display: block;
+				padding: 3px 20px;
+				clear: both;
+				font-weight: 400;
+				line-height: 1.42857143;
+				white-space: nowrap;
+				color: @gray-dark;
+			}
+		}
+		.quick-search-title {
+			font-weight: 600;
+		}
 
-	.snippet {
+		.snippet {
-		word-break: break-word;
+			word-break: break-word;
-		white-space: normal;
+			white-space: normal;
+		}
 	}
 }
 

templates/partials/menu.tpl

@@ -173,7 +173,7 @@
 								<button type="submit" class="btn btn-default hide">[[global:search]]</button>
 							</div>
 						</form>
-						<ul id="quick-search-results" class="dropdown-menu quick-search-results hidden"></ul>
+						<div id="quick-search-container" class="quick-search-container hidden"></div>
 					</li>
 					<li class="visible-xs" id="search-menu">
 						<a href="{relative_path}/search">

templates/partials/quick-search-results.tpl

@@ -1,3 +1,4 @@
+<ul id="quick-search-results" class="quick-search-results">
 {{{each posts}}}
 <li>
 	<a href="{config.relative_path}/post/{posts.pid}">
@@ -17,10 +18,14 @@
 <li role="separator" class="divider"></li>
 <!-- ENDIF -->
 {{{end}}}
+</ul>
 <!-- IF multiplePages -->
-<li class="text-center">
+<div class="text-center">
 	<a href="{url}">
 		[[search:see-more-results, {matchCount}]]
 	</a>
-</li>
+</div>
 <!-- ENDIF multiplePages -->
+{{{if !posts.length}}}
+<div class="text-center no-results">[[search:no-matches]]</li>
+{{{end}}}