Fragment jumps now respect fixed navbars

Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
Jim Martens 2017-12-25 16:04:29 +01:00
parent 7e2906e77a
commit 4d1840c190
3 changed files with 31 additions and 25 deletions

View File

@ -16,16 +16,21 @@ $navbarHeight: 58px;
top: $navbarHeight;
}
body {
padding-top: $navbarHeight + 15px;
}
body.submenu {
padding-top: 2*$navbarHeight + 15px;
}
#main {
padding-bottom: 295px;
margin-top: $navbarHeight + 15px;
margin-bottom: 295px;
}
#main.submenu {
margin-top: 2*$navbarHeight + 15px;
}
*[id]:before {
display: block;
content: " ";
margin-top: -2*$navbarHeight; // Set the Appropriate Height
height: 2*$navbarHeight; // Set the Appropriate Height
visibility: hidden;
}
.site-header > .navbar {

View File

@ -60,11 +60,3 @@
{% endif %}
{% endfor %}
</header>
{% if site.data.notification.show %}
<div class="container my-3">
<div class="alert alert-{{ site.data.notification.type }}" role="alert">
{{ site.data.notification.text }}
</div>
</div>
{% endif %}

View File

@ -13,15 +13,24 @@
{% endif %}
{% endif %}
{% endfor %}
<body class="{% if showSubmenu %}submenu{% endif %}">
<body>
{% include header.html %}
<div id="main" class="container">
<div class="row">
<main class="col-sm-9">
{{ content }}
</main>
<div class="col-sm-3">
{% include sidebar.html %}
<div id="main" class="{% if showSubmenu %}submenu{% endif %}">
{% if site.data.notification.show %}
<div class="container my-3">
<div class="alert alert-{{ site.data.notification.type }}" role="alert">
{{ site.data.notification.text }}
</div>
</div>
{% endif %}
<div class="container">
<div class="row">
<main class="col-sm-9">
{{ content }}
</main>
<div class="col-sm-3">
{% include sidebar.html %}
</div>
</div>
</div>
</div>