Stop the navbar from sticking to the top of screen

This commit is contained in:
2020-03-18 15:13:17 +00:00
parent 264b306b2f
commit 959097286c
3 changed files with 7 additions and 15 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,10 +1,6 @@
@import "custom-variables"; @import "custom-variables";
@import "node_modules/bootstrap/scss/bootstrap"; @import "node_modules/bootstrap/scss/bootstrap";
body, .pad-top {
padding-top: 50px;
}
#content { #content {
padding: 40px 15px; padding: 40px 15px;
} }
@@ -79,8 +75,7 @@ ins {
} }
.skip-link { .skip-link {
background: $info; background: $dark;
color: $white;
outline: unset; outline: unset;
height: 30px; height: 30px;
left: 50%; left: 50%;
@@ -91,7 +86,7 @@ ins {
} }
.skip-link:focus { .skip-link:focus {
transform: translateY(0%); transform: translateY(45px); /* TODO Remove absolute positioning */
} }
html.embedded { html.embedded {

View File

@@ -34,7 +34,7 @@
<a class="skip-link" href='#main'>Skip to content</a> <a class="skip-link" href='#main'>Skip to content</a>
{% include "analytics.html" %} {% include "analytics.html" %}
{% block navbar %} {% block navbar %}
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark" role="navigation"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark" role="navigation">
<div class="container"> <div class="container">
{% block titleheader %} {% block titleheader %}
{% endblock %} {% endblock %}