Added sticky sidebar

Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
Jim Martens 2019-06-08 17:56:29 +02:00
parent 4c102aebaf
commit 3231856fc9
2 changed files with 14 additions and 1 deletions

View File

@ -45,6 +45,17 @@
$navbarHeight: 58px;
// sticky sidebar
@include media-breakpoint-up(lg) {
#sidebar {
position: sticky;
top: $navbarHeight + 15px;
}
#main.submenu #sidebar {
top: 2*$navbarHeight + 15px;
}
}
.large {
font-size: $font-size-lg;
}

View File

@ -29,7 +29,9 @@
{{ content }}
</main>
<div class="col-lg-4">
{% include sidebar.html %}
<div id="sidebar">
{% include sidebar.html %}
</div>
</div>
</div>
<button id="back-to-top"