add basic back to top link to docs sidenavs, fixes twbs#12589

dtmax · Feb 5, 2014 · f16a237 · f16a237
1 parent 7861f6e
commit f16a237
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 4 deletions.
diff --git a/docs/_includes/nav-main.html b/docs/_includes/nav-main.html
@@ -1,4 +1,4 @@
-<header class="navbar navbar-static-top bs-docs-nav" role="banner">
+<header class="navbar navbar-static-top bs-docs-nav" role="banner" id="top">
   <div class="container">
     <div class="navbar-header">
       <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">

diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -44,6 +44,9 @@ <h1>{{ page.title }}</h1>
                 {% include nav-migration.html %}
               {% endif %}
             </ul>
+            <a class="back-to-top" href="#top">
+              Back to top
+            </a>
           </div>
         </div>
       </div>

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
@@ -560,8 +560,8 @@ body {
   padding-bottom: 10px;
 }
 .bs-sidebar .nav .nav > li > a {
-  padding-top:    2px;
-  padding-bottom: 2px;
+  padding-top:    1px;
+  padding-bottom: 1px;
   padding-left: 30px;
   font-size: 12px;
   font-weight: normal;
@@ -577,6 +577,27 @@ body {
   padding-left: 28px;
 }
 
+/* Back to top (hidden on mobile) */
+.back-to-top {
+  display: none;
+  margin-top: 10px;
+  margin-left: 10px;
+  padding: 4px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #999;
+}
+.back-to-top:hover {
+  text-decoration: none;
+  color: #563d7c;
+}
+
+@media (min-width: 768px) {
+  .back-to-top {
+    display: block;
+  }
+}
+
 /* Show and affix the side nav when space allows it */
 @media (min-width: 992px) {
   .bs-sidebar .nav > .active > ul {

diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css