archive/website-2020-spike
Archived
1
Fork 0
Code Releases Packages Activity

Fix nav background, and fix it to top of screen

Browse source
This commit is contained in:
Jake Howard 2020-05-03 16:04:04 +01:00
parent 7ee5538bd7
commit f45397a458
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 4 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
static/src/scss/index.scss
View file

@ -41,18 +41,16 @@ footer.page-footer {
}
.sidenav {
background-color: #17181C;
li > a {
@extend .grey-text, .text-lighten-3;
}
}
.header-image {
height: 40vh;
height: calc(45vh - #{$navbar-height});
@media #{$medium-and-down} {
height: 60vh;
height: calc(65vh - #{$navbar-height});
}
// Fix darkreader weirdness
@ -64,17 +62,12 @@ footer.page-footer {
}
nav {
height: initial;
line-height: initial;
a.sidenav-trigger {
padding: 0 5px;
}
}
nav ul, ul.sidenav {
padding: 7.5px 5px;
.nav-link {
@extend .grey-text;

4
templates/base.html
View file

@ -21,7 +21,7 @@
</head>
<body class="{{ view_name }}">
<header id="top">
<header id="top" class="navbar-fixed">
<nav>
<div class="nav-wrapper black">
<a href="#" data-target="mobile-nav" class="sidenav-trigger"><i class="fas fa-bars"></i></a>
@ -32,7 +32,7 @@
</nav>
</header>
<ul class="sidenav" id="mobile-nav">
<ul class="sidenav black" id="mobile-nav">
{% include "navigation/index.html" %}
</ul>