Commit f16a2376 authored by Mark Otto's avatar Mark Otto

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

parent 7861f6e8
<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="container">
<div class="navbar-header"> <div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
......
...@@ -44,6 +44,9 @@ ...@@ -44,6 +44,9 @@
{% include nav-migration.html %} {% include nav-migration.html %}
{% endif %} {% endif %}
</ul> </ul>
<a class="back-to-top" href="#top">
Back to top
</a>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -560,8 +560,8 @@ body { ...@@ -560,8 +560,8 @@ body {
padding-bottom: 10px; padding-bottom: 10px;
} }
.bs-sidebar .nav .nav > li > a { .bs-sidebar .nav .nav > li > a {
padding-top: 2px; padding-top: 1px;
padding-bottom: 2px; padding-bottom: 1px;
padding-left: 30px; padding-left: 30px;
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
...@@ -577,6 +577,27 @@ body { ...@@ -577,6 +577,27 @@ body {
padding-left: 28px; 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 */ /* Show and affix the side nav when space allows it */
@media (min-width: 992px) { @media (min-width: 992px) {
.bs-sidebar .nav > .active > ul { .bs-sidebar .nav > .active > ul {
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment