UX: search banner and chat styles, remove slider (#34)

about.json

@@ -4,7 +4,6 @@
   "license_url": null,
   "components": [
     "https://github.com/jordanvidrine/discourse-category-group-boxes.git",
-    "https://github.com/discourse/discourse-loading-slider.git",
     "https://github.com/discourse/discourse-clickable-topic.git",
     "https://github.com/discourse/discourse-search-banner.git"
   ],

common/common.scss

@@ -55,6 +55,24 @@
   }
 }
 
+// Ideally the search banner component should be set to use the below-site-header outlet,
+// but this ensures the default works too
+.above-main-container-outlet.search-banner {
+  .custom-search-banner-wrap {
+    padding: 1em 0 2em;
+    color: var(--tertiary);
+    .mobile-view & {
+      color: var(--secondary);
+    }
+    h1 {
+      margin-bottom: 0;
+    }
+    .search-widget {
+      margin-top: 2em;
+    }
+  }
+}
+
 // Main customizations
 .alert {
   margin: 1em 0;

scss/chat-desktop.scss

@@ -11,6 +11,18 @@ html body.has-sidebar-page.has-full-page-chat {
   border: none !important;
 }
 
+.chat-channel {
+  height: calc(100vh - (var(--header-offset) + 6em));
+}
+
+.chat-composer__wrapper {
+  background: transparent;
+}
+
+.full-page-chat .chat-full-page-header {
+  border-radius: 1em 1em 0 0;
+}
+
 .has-full-page-chat #main-outlet.wrap {
   margin-bottom: 30px;
   padding-bottom: 0px !important;