2martens/2martens.de
1
0
Fork 0
Code Issues 3 Pull Requests Releases Wiki Activity

Fragment jumps now respect fixed navbars

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

23
_assets/css/main.scss
View File

@ -16,16 +16,21 @@ $navbarHeight: 58px;
top: $navbarHeight; top: $navbarHeight;
} }
body {
padding-top: $navbarHeight + 15px;
}
body.submenu {
padding-top: 2*$navbarHeight + 15px;
}
#main { #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 { .site-header > .navbar {

8
_includes/header.html
View File

@ -60,11 +60,3 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</header> </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
_layouts/default.html
View File

@ -13,9 +13,17 @@
{% endif %} {% endif %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<body class="{% if showSubmenu %}submenu{% endif %}"> <body>
{% include header.html %} {% include header.html %}
<div id="main" class="container"> <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"> <div class="row">
<main class="col-sm-9"> <main class="col-sm-9">
{{ content }} {{ content }}
@ -24,6 +32,7 @@
{% include sidebar.html %} {% include sidebar.html %}
</div> </div>
</div> </div>
</div>
</div> </div>
{% include footer.html %} {% include footer.html %}
</body> </body>