add basic back to top link via affix

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index e1fd6a2b45ca3c0e54316ba7d3a6cc1eac8b5e38..89a848c2b2b6c6ab592452ffcb371e8fbf8feb9c 100644 (file)
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -28,6 +28,26 @@ body {
   padding-right: 15px;
 }
 
+/* Back to top link */
+.bs-docs-top {
+  float: left;
+  padding: 7px 15px;
+  font-weight: 500;
+  color: #999;
+  background-color: #eee;
+  border-radius: 4px;
+}
+.bs-docs-top:hover {
+  color: #fff;
+  text-decoration: none;
+  background-color: #999;
+}
+.bs-docs-top.affix {
+  position: fixed;
+  right:  15px;
+  bottom: 15px;
+}
+
 
 
 /* Sections

diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 2a0d3a6c6e799d19f07656b5b4fbe550729a7909..170a1953dea73cf86c7cbecf7df94e8de8d066ed 100644 (file)
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -13,7 +13,7 @@
       e.preventDefault()
     })
 
-    // side bar
+    // back to top
     // setTimeout(function () {
     //   $('.bs-docs-sidenav').affix({
     //     offset: {
@@ -23,6 +23,10 @@
     //   })
     // }, 100)
 
+    setTimeout(function () {
+      $('.bs-docs-top').affix()
+    }, 100)
+
     // make code pretty
     window.prettyPrint && prettyPrint()
 

diff --git a/docs/docs.html b/docs/docs.html
index 4c491d6864a3892f34d1310a1d6c7a3f9d871979..77a43097d87687955789d6c94a03bc288b37b778 100644 (file)
--- a/docs/docs.html
+++ b/docs/docs.html
@@ -3,7 +3,6 @@ layout: default
 title: Bootstrap Documentation
 ---
 
-
 <div class="bs-docs-container">
 
   <!-- Welcome
@@ -4470,20 +4469,42 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
     <p>Linkify list group items by using anchor tags instead of list items (that also means a parent <code>&lt;div&gt;</code> instead of an <code>&lt;ul&gt;</code>. No need for individual parents around each element.</p>
     <div class="bs-docs-example">
       <div class="list-group">
-        <a href="#" class="list-group-item active">Cras justo odio</a>
-        <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
-        <a href="#" class="list-group-item">Morbi leo risus</a>
-        <a href="#" class="list-group-item">Porta ac consectetur ac</a>
-        <a href="#" class="list-group-item">Vestibulum at eros</a>
+        <a href="#" class="list-group-item active">
+          Cras justo odio
+          <span class="glyphicon glyphicon-chevron-right"></span>
+        </a>
+        <a href="#" class="list-group-item">Dapibus ac facilisis in
+          <span class="glyphicon glyphicon-chevron-right"></span>
+        </a>
+        <a href="#" class="list-group-item">Morbi leo risus
+          <span class="glyphicon glyphicon-chevron-right"></span>
+        </a>
+        <a href="#" class="list-group-item">Porta ac consectetur ac
+          <span class="glyphicon glyphicon-chevron-right"></span>
+        </a>
+        <a href="#" class="list-group-item">Vestibulum at eros
+          <span class="glyphicon glyphicon-chevron-right"></span>
+        </a>
       </div>
     </div>
 {% highlight html linenos %}
 <div class="list-group">
-  <a href="#" class="list-group-item active">Cras justo odio</a>
-  <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
-  <a href="#" class="list-group-item">Morbi leo risus</a>
-  <a href="#" class="list-group-item">Porta ac consectetur ac</a>
-  <a href="#" class="list-group-item">Vestibulum at eros</a>
+  <a href="#" class="list-group-item active">
+    Cras justo odio
+    <span class="glyphicon glyphicon-chevron-right"></span>
+  </a>
+  <a href="#" class="list-group-item">Dapibus ac facilisis in
+    <span class="glyphicon glyphicon-chevron-right"></span>
+  </a>
+  <a href="#" class="list-group-item">Morbi leo risus
+    <span class="glyphicon glyphicon-chevron-right"></span>
+  </a>
+  <a href="#" class="list-group-item">Porta ac consectetur ac
+    <span class="glyphicon glyphicon-chevron-right"></span>
+  </a>
+  <a href="#" class="list-group-item">Vestibulum at eros
+    <span class="glyphicon glyphicon-chevron-right"></span>
+  </a>
 </div>
 {% endhighlight %}
 
@@ -6476,3 +6497,7 @@ $('[data-spy="affix"]').each(function () {
         </section>
 
 </div><!-- /.container -->
+
+<a href="#welcome" class="bs-docs-top">
+  Back to top
+</a>