fix(live-doc): moves octocat link to top. Removes stackOverflow

algolia · Nov 2, 2015 · 8ff6a79 · 8ff6a79
1 parent c118051
commit 8ff6a79
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 24 deletions.
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
@@ -14,6 +14,9 @@
           </li>
         {% endfor %}
       </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li class="doc-footer-github"><a href="http://github.com/algolia/instantsearch.js"><i class="fa fa-github"></i><span>Contribute on Github</span></a></li>
+      </ul>
     </div>
   </nav>
 

diff --git a/docs/_layouts/documentation.html b/docs/_layouts/documentation.html
@@ -10,10 +10,6 @@
 
         <div class="documentation-menu-footer">
           <p class="version">Current version : {{ site.version }}</p>
-          <ul class="list-doc-links">
-            <li class="doc-footer-github"><a href="http://github.com/algolia/instantsearch.js"><i class="fa fa-github"></i><span>Contribute on Github</span></a></li>
-            <li class="doc-footer-stackoverflow"><a href="https://stackoverflow.com/tags/algolia"><i class="fa fa-stack-overflow"></i><span>Ask StackOverflow</span></a></li>
-          </ul>
         </div>
       </div>
     </div>

diff --git a/docs/css/_documentation.sass b/docs/css/_documentation.sass
@@ -41,26 +41,6 @@
   margin-top: 14px
   .version
     margin: 0
-  .list-doc-links
-    color: #eee
-    padding: 0
-    width: 100%
-    li
-      font-size: 18px
-      margin: auto
-      .fa
-        width: 30px
-      span
-        font-size: 14px
-        color: black
-        &:hover
-          color: $brand-primary
-          text-decoration: none
-    .doc-footer-github a
-      color: black
-    .doc-footer-stackoverflow a
-      color: #F89A00
-
 
 // Main Content
 

diff --git a/docs/css/_header.sass b/docs/css/_header.sass
@@ -3,6 +3,20 @@ header.site-header
     margin-bottom: 0
     .navbar-brand
       font-weight: 600
+    .navbar-right
+      position: absolute
+      right: 15px
+      & > li
+        display: inline-block
+        font-size: 30px
+        a
+          line-height: 50px
+          height: 50px
+          width: 50px
+          padding: 0
+          text-align: center
+        span
+          display: none
 
 .main-content
   margin-top: $navbar-height