optimize css / fix output of search

Author: KieranHayes

_includes/footer.html

@@ -18,11 +18,11 @@
   <script id="algolia__template" type="text/template">
   {% raw %}
     <div class="algolia__result">
-      <a class="algolia__result-link" href="{{ full_url }}#algolia:{{ css_selector }}">{{{ _highlightResult.title.value }}}</a>
+      <a class="algolia__result-link" href="{{ full_url }}#algolia:{{ anchor }}">{{{ _highlightResult.title.value }}}</a>
       {{#posted_at}}
       <div class="algolia__result-date">{{ posted_at_readable }}</div>
       {{/posted_at}}
-      <div class="algolia__result-text">{{{ _highlightResult.text.value }}}</div>
+      <div class="algolia__result-text">{{{ _snippetResult.content.value }}}</div>
     </div>
   {% endraw %}
   </script>

_includes/header.html

@@ -8,7 +8,11 @@
       <div class="top-bar show-for-medium" >
         <div class="top-bar-left">
           <ul class="medium-horizontal menu">
-            <li class="menu-text"><a href="{{ site.url }}"><img title="dkdeploy" alt="dkdeploy" src="/assets/images/3056-73126-dkdeploy-logo.svg"></a></li>
+            <li class="menu-text dkdeploy-logo">
+              <a href="{{ site.url }}">
+                <img title="dkdeploy" alt="dkdeploy" src="/assets/images/3056-73126-dkdeploy-logo.svg">
+              </a>
+            </li>
             {% for nav in site.data.navigation %}
               {% if page.section == nav.section %}
                 {% assign active = "active" %}

assets/css/app.css

@@ -5314,6 +5314,12 @@ li.docs-menu-title {
   background-color: #ffff99;
   border-radius: 3px; }
 
+li.dkdeploy-logo {
+  margin-right: 0;
+  padding-right: 0; }
+  li.dkdeploy-logo a {
+    margin-right: 0; }
+
 h2 {
   border-bottom: 3px solid #97af05; }
 
@@ -5376,7 +5382,8 @@ ul.menu li.active {
   border-radius: 0 0 3px 3px; }
 
 #toc2select {
-  border-radius: 3px; }
+  border-radius: 3px;
+  font-size: 13px; }
 
 #content .hollow, #content .top-bar-left .menu > li a, .top-bar-left .menu > li #content a {
   border-radius: 3px; }
@@ -6777,7 +6784,8 @@ td code.highlighter-rouge {
 .algolia__result-text {
   font-size: 0.9rem; }
 
-.algolia__result-link .algolia__result-highlight {
+.algolia__result-link .algolia__result-highlight,
+.algolia__result-text .ais-Highlight {
   background-color: #ffff99; }
 
 .algolia__result-text .algolia__result-highlight {

assets/javascript/algolia.js

@@ -80,7 +80,7 @@ $(function(config) {
   }
 
   function scrollPageToSelector(selector) {
-    var target = $('.page,.post').find(selector);
+    var target = $('#main-content').find("#"+selector);
     var targetOffset = target[0].getBoundingClientRect().top + window.pageYOffset - 20;
     window.setTimeout(function() {
       window.scroll(0, targetOffset);

foundation/scss/_base.scss

@@ -28,6 +28,7 @@ ul.menu li.active {
 }
 #toc2select {
   border-radius: 3px;
+  font-size: 13px;
 }
 
 #content {

foundation/scss/_search.scss

@@ -33,7 +33,8 @@
 .algolia__result-text {
   font-size: 0.9rem;
 }
-.algolia__result-link .algolia__result-highlight {
+.algolia__result-link .algolia__result-highlight,
+.algolia__result-text .ais-Highlight {
   background-color: #ffff99;
 }
 .algolia__result-text .algolia__result-highlight {

foundation/scss/_submenu.scss

@@ -157,4 +157,12 @@ li.docs-menu-title {
 .sidebar span.label {
   background-color: #ffff99;
   border-radius: 3px;
+}
+
+li.dkdeploy-logo {
+	margin-right: 0;
+	padding-right: 0;
+	a {
+		margin-right: 0;
+	}
 }