Implement search on front end

less/forum/app.less

@@ -20,6 +20,7 @@
 @import "@{lib-path}/modals.less";
 @import "@{lib-path}/layout.less";
 @import "@{lib-path}/side-nav.less";
+@import "@{lib-path}/search.less";
 
 @import "composer.less";
 @import "notifications.less";

less/forum/index.less

@@ -17,13 +17,13 @@
   margin-bottom: 15px;
 }
 .index-toolbar-view {
-  display: inline-block;
+  &:extend(.list-inline);
 
-  & .control-show {
-    margin-right: 10px;
-  }
+  display: inline-block;
 }
 .index-toolbar-action {
+  &:extend(.list-inline);
+
   float: right;
 }
 
@@ -97,6 +97,9 @@
         & .count strong {
           font-size: 18px;
         }
+        & .relevant-posts {
+          display: none;
+        }
       }
     }
   }
@@ -238,6 +241,30 @@
       cursor: pointer;
     }
   }
+  & .relevant-posts {
+    margin-bottom: 20px;
+
+    & .post-preview {
+      background: @fl-body-secondary-color;
+      display: block;
+      padding: 10px 15px;
+      border-bottom: 2px dotted @fl-body-bg;
+
+      & .avatar, & time {
+        display: none;
+      }
+      & .post-preview-content {
+        padding-left: 0;
+      }
+      &:first-child {
+        border-radius: @border-radius-base @border-radius-base 0 0;
+      }
+      &:hover {
+        background: darken(@fl-body-secondary-color, 2%);
+        text-decoration: none;
+      }
+    }
+  }
 }
 .load-more {
   text-align: center;