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

4
templates/base.html
View file

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