From be861d1df9a450854abddda281874c37c1ab7e5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Wed, 20 Feb 2019 11:52:34 -0500
Subject: [PATCH] quick search

---
 less/header.less                            | 11 ---------
 less/search.less                            | 26 +++++++++++++++++++++
 templates/partials/quick-search-results.tpl | 16 +++++++++----
 3 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/less/header.less b/less/header.less
index f9cbbd5..1bcc828 100644
--- a/less/header.less
+++ b/less/header.less
@@ -252,17 +252,6 @@
 			margin-left: -30px;
 		}
 	}
-	.quick-search-results {
-		max-width: 400px;
-		max-height: 500px;
-		overflow-x: hidden;
-		overflow-y: auto;
-		a {
-			white-space: nowrap;
-			text-overflow: ellipsis;
-			overflow: hidden
-		}
-	}
 }
 
 .breadcrumb {
diff --git a/less/search.less b/less/search.less
index eb648ed..e836bc0 100644
--- a/less/search.less
+++ b/less/search.less
@@ -29,3 +29,29 @@
 	}
 }
 
+.quick-search-results {
+	max-width: 400px;
+	max-height: 500px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	a {
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		overflow: hidden
+	}
+	.quick-search-title {
+		font-weight: 600;
+	}
+	.post-info {
+		font-size: 12px;
+		.fa-stack {
+			font-size: 10px;
+			border-radius: 50%;
+		}
+	}
+
+	.snippet {
+		word-break: break-word;
+		white-space: normal;
+	}
+}
diff --git a/templates/partials/quick-search-results.tpl b/templates/partials/quick-search-results.tpl
index ddff9ad..5556923 100644
--- a/templates/partials/quick-search-results.tpl
+++ b/templates/partials/quick-search-results.tpl
@@ -6,15 +6,23 @@
         <!-- ELSE -->
         <span title="{posts.user.username}" class="avatar avatar-sm avatar-rounded" style="background-color: {posts.user.icon:bgColor};">{posts.user.icon:text}</span>
         <!-- ENDIF posts.user.picture -->
-        {posts.topic.title}
-
-    </a>
+        <span class="quick-search-title">{posts.topic.title}</span>
+        <br/>
+        <p class="snippet">
+        {posts.snippet}
+        </p>
+        <small class="post-info pull-right">
+            <span class="fa-stack" style="{function.generateCategoryBackground, posts.category}"><i style="color:{posts.category.color};" class="fa {posts.category.icon} fa-stack-1x"></i></span> {posts.category.name} &bull;
+            <span class="timeago" title="{posts.timestampISO}"></span>
+        </small>
+     </a>
 </li>
+<li role="separator" class="divider"></li>
 <!-- END posts -->
 <!-- IF multiplePages -->
 <li class="text-center">
     <a href="{url}">
-        [[search:see-more-results]]
+        [[search:see-more-results, {matchCount}]]
     </a>
 </li>
 <!-- ENDIF multiplePages -->
\ No newline at end of file