Fragment jumps now respect fixed navbars
Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
parent
7e2906e77a
commit
4d1840c190
|
@ -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 {
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue