Added sticky sidebar

Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
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; $navbarHeight: 58px;
// sticky sidebar
@include media-breakpoint-up(lg) {
#sidebar {
position: sticky;
top: $navbarHeight + 15px;
}
#main.submenu #sidebar {
top: 2*$navbarHeight + 15px;
}
}
.large { .large {
font-size: $font-size-lg; font-size: $font-size-lg;
} }

View File

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