fix search

developer-portal · Sep 6, 2018 · 69bc867 · 69bc867
1 parent 1e67372
commit 69bc867
Show file tree

Hide file tree

Showing 2 changed files with 78 additions and 14 deletions.
diff --git a/_includes/search.html b/_includes/search.html
@@ -1,4 +1,80 @@
-{% if page.url != '/search.html' %}
+{% if page.url == '/search.html' %}
+<!-- // search.html page only -->
+<style media="screen, print">
+#search-results {
+  display: block;
+  position: static;
+  padding: 20px;
+  margin: 0;
+  border: 0;
+  width: 100%;
+}
+#search-results a {
+  color: #000;
+  text-decoration: none;
+}
+#search-results a:visited {
+  color: #000;
+}
+#search-results article, a {
+  width: 100%;
+}
+#search-results a {
+  display: block;
+}
+#search-results article:hover {
+  background-color: #e6e6e6;
+}
+#search-results h1 {
+  text-align: center;
+}
+</style>
+  {% raw %}
+  <script id="search-results-template" type="text/mustache">
+  <h1>Search results</h1>
+    {{#entries}}
+      <article>
+        <h3>
+          <a href="{{url}}">{{title}}</a>
+        </h3>
+      </article>
+    {{/entries}}
+  </script>
+  {% endraw %}
+{% else %}
+<!-- // every other page -->
+<style media="screen, print">
+#search-results {
+  position: absolute;
+  top: 44px;
+  right: 15px;
+  z-index: 10;
+  width: 288px;
+  max-height: 260px;
+  overflow-y: scroll;
+  padding: 0 10px 0 10px;
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  box-shadow: 0 1px 1px rgba(0,0,0,.05);
+}
+#search-results a {
+  color: #000;
+  text-decoration: none;
+}
+#search-results a:visited {
+  color: #000;
+}
+#search-results article, a {
+  width: 100%;
+}
+#search-results a {
+  display: block;
+}
+#search-results article:hover {
+  background-color: #e6e6e6;
+}
+</style>
   <form class="input-group" id="search" action="/search.html" method="get">
     <input type="text" id="search-query" class="form-control" name="q" placeholder="Search" autocomplete="off">
     <span class="input-group-btn">

diff --git a/search.html b/search.html
@@ -16,19 +16,7 @@
 
 <div class="panel panel-default">
   <section id="search-results">
-    <div class="entries" style="font-size: 15px; display: block; position: static; padding: 0; margin: 0; border: 0; width: 100%;">
+    <div class="entries">
     </div>
   </section>
 </div>
-
-{% raw %}
-<script id="search-results-template" type="text/mustache">
-  {{#entries}}
-    <article style="padding: 0; margin: 0;">
-      <h3>
-        <a href="{{url}}">{{title}}</a>
-      </h3>
-    </article>
-  {{/entries}}
-</script>
-{% endraw %}