Working on making the site responsive. First and foremost we try to do this through using existing bootstrap methods and naming.

This commit is contained in:
Halfdan 2021-01-26 20:48:29 +01:00
parent 23fbd70bc8
commit 13a06fbef0
2 changed files with 6 additions and 2 deletions

View file

@ -9,7 +9,7 @@
<div class="row"> <div class="row">
<div class="col-md-3 datacoop-sidebar d-print-none" style="min-width: 340px;"> <div class="col-md-3 datacoop-sidebar d-print-none navbar navbar-expand-md mb-3" style="min-width: 340px;">
<div class="fixed-top" style="width: 340px; height: 100%;"> <div class="fixed-top" style="width: 340px; height: 100%;">
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
</div> </div>

View file

@ -4,7 +4,11 @@
<img src="{{ printf "/static/img/logo_%s.svg" .Site.Language.Lang | absURL }}"> <img src="{{ printf "/static/img/logo_%s.svg" .Site.Language.Lang | absURL }}">
</a> </a>
<div class="datacoop-menulists"> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="datacoop-menulists collapse navbar-collapse" id="navbarCollapse">
<ul> <ul>
{{ range .Site.Menus.nav }} {{ range .Site.Menus.nav }}