From 84d17c68f603b5f28d17bcfecdb1abb389fc89e1 Mon Sep 17 00:00:00 2001
From: Dmitry <nerosketch@gmail.com>
Date: Fri, 16 Dec 2016 22:02:51 +0000
Subject: [PATCH] =?UTF-8?q?=D0=90=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D0=BB=20=D0=BB=D0=B5=D0=B2=D0=BE=D0=B5=20?=
 =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D1=8E=20=D0=BF=D0=BE=D0=B4=20=D1=82=D0=B5?=
 =?UTF-8?q?=D0=BB=D0=B5=D1=84=D0=BE=D0=BD=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/custom.css | 72 +++++++++++++++++++++++++++++++++----------
 1 file changed, 55 insertions(+), 17 deletions(-)

diff --git a/static/css/custom.css b/static/css/custom.css
index fb03f2f..b16374e 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -31,23 +31,15 @@ body {
 
 /* Hide for mobile, show later */
 .sidebar {
-    display: none;
-}
-
-@media (min-width: 768px) {
-    .sidebar {
-        position: fixed;
-        top: 39px;
-        bottom: 0;
-        left: 0;
-        z-index: 1000;
-        display: block;
-        padding: 20px;
-        overflow-x: hidden;
-        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
-        background-color: #303840;
-        border-right: 1px solid #eee;
-    }
+    background-color: #303840;
+    overflow-x: hidden;
+    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+    position: fixed;
+    display: block;
+    top: 39px;
+    bottom: 0;
+    padding: 20px;
+    border-right: 1px solid #eee;
 }
 
 /* Sidebar navigation */
@@ -57,6 +49,9 @@ body {
     margin-left: -20px;
     border-top: 1px solid #576a7d;
 }
+@media (max-width: 767px){
+    .nav-sidebar{margin-right: -15px;}
+}
 
 .nav-sidebar > li > a {
     padding-right: 20px;
@@ -167,3 +162,46 @@ td.btn-group {
 .selectajax button.selectajax-btn{
     text-align: left;
 }
+
+
+/*
+ * Off Canvas
+ * --------------------------------------------------
+ */
+@media screen and (max-width: 767px) {
+  .row-offcanvas {
+    position: relative;
+    -webkit-transition: all .25s ease-out;
+       -moz-transition: all .25s ease-out;
+            transition: all .25s ease-out;
+  }
+
+  .row-offcanvas-left {
+    left: 0;
+  }
+
+  .row-offcanvas-left
+  .sidebar-offcanvas {
+    left: -50%; /* 6 columns */
+  }
+
+  .row-offcanvas-left.active {
+    left: 50%; /* 6 columns */
+  }
+
+  .sidebar-offcanvas {
+    position: absolute;
+    top: 0;
+    width: 50%; /* 6 columns */
+  }
+}
+
+button[data-toggle=offcanvas]{
+    position: absolute;
+    left: 0;
+    top: 194px;
+    z-index: 1;
+    height: 42px;
+    background-color: #44596b;
+    border: 0;
+}