Hide sidenav if small

This commit is contained in:
Emily 2019-05-27 15:24:13 +01:00
parent d7eafec0a2
commit 3cd208beb4

View File

@ -8,11 +8,31 @@
{% else %} {% else %}
<title>Husstanden</title> <title>Husstanden</title>
{% endif %} {% endif %}
<style>
#sidenav-container {
flex: 0 0 320px;
display: none;
overflow: hidden;
}
@media screen and (min-width: 768px){
#sidenav-container {
display: block;
}
}
@media screen and (min-width: 1072px){
#sidenav-container {
}
}
</style>
</head> </head>
<body style="height:100%"> <body style="height:100%">
<div class="p-2" style="height:100%"> <div class="p-2" style="height:100%">
<div class="d-flex" style="height:100%"> <div class="d-flex" style="height:100%">
<div class="col p-2" style="flex:0 0 320px;"> <div class="col p-2" id="sidenav-container">
{% include 'layout/includes/side_nav.html' %} {% include 'layout/includes/side_nav.html' %}
</div> </div>
<div class="col p-2"> <div class="col p-2">