HACK THE PLANET!

This commit is contained in:
Holger Trampe 2019-12-16 21:33:13 +01:00
parent b5c8a67eb7
commit 28280cff66
2 changed files with 26 additions and 3 deletions

View File

@ -31,3 +31,26 @@ html h1 {
font-family: 'Roboto' !important;
font-size: 2em;
}
.sidenav {
height: 100%; /* Full-height: remove this if you want "auto" height */
width: 160px; /* Set the width of the sidebar */
position: fixed; /* Fixed Sidebar (stay in place on scroll) */
z-index: 1; /* Stay on top */
top: 0; /* Stay at the top */
left: 0;
background-color: #111; /* Black */
overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 20px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.contentagainstnav{
margin-left: 220px;
}
body{
background-color: #f8f9fc;
}

View File

@ -40,7 +40,7 @@
<div id="wrapper">
<!-- Sidebar -->
<ul class="navbar-nav bg-gray-900 sidebar sidebar-dark accordion fixed " data-spy="affix" id="accordionSidebar">
<ul class="navbar-nav bg-gray-900 sidebar sidebar-dark accordion sidenav " id="accordionSidebar">
<!-- Sidebar - Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="{% url 'users-dashboard' %}">
@ -185,7 +185,7 @@
<!-- End of Sidebar -->
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<div id="content-wrapper" class="d-flex flex-column contentagainstnav">
<!-- Main Content -->
<div id="content">
@ -216,7 +216,7 @@
</form>
<!-- Topbar Navbar -->
<ul class="navbar-nav ml-auto">
<ul class="navbar-nav ml-auto ">
<div class="topbar-divider d-none d-sm-block"></div>