From 2d9c722b3e76f54d88db19033f23564842a5d3e1 Mon Sep 17 00:00:00 2001
From: digitaldonkey <email@donkeymedia.eu>
Date: Mon, 30 Dec 2019 14:06:07 +0100
Subject: Fix mobile navi

---
 resources/assets/themes/base.less | 70 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 69 insertions(+), 1 deletion(-)

(limited to 'resources/assets/themes/base.less')

diff --git a/resources/assets/themes/base.less b/resources/assets/themes/base.less
index 1335cd04..da505685 100644
--- a/resources/assets/themes/base.less
+++ b/resources/assets/themes/base.less
@@ -332,4 +332,72 @@ table a > .icon-icon_angel {
   a[href]:after {
     content: "";
   }
-}
\ No newline at end of file
+}
+
+.navbar-toggle {
+  transform: scale(1.25, 0.96);
+  padding: 2px 6px;
+  margin-top: 6px;
+  margin-bottom: 4px;
+  max-height: @navbar-height;
+
+  .icon {
+    border-color: @brand-primary;
+    font-weight: bold;
+    color: @brand-primary;
+    font-size: 25px;
+    &-close {
+      padding: 0 3px;
+      display: none;
+    }
+  }
+  &.is-open .icon {
+    &-open {
+      display: none;
+    }
+    &-close {
+      display: block;
+    }
+  }
+}
+
+
+@media screen and (max-width: @grid-float-breakpoint-max) {
+  #navbar-offcanvas {
+    display: block;
+    position: absolute;
+    width: 90%;
+    height: calc( 100vh - @navbar-height);
+    max-height: unset;
+    left: 101%;
+    top: @navbar-height + 1;
+
+    transition: left .3s ease-in-out;
+    -webkit-transition: left .3s ease-in-out;
+
+    background: @navbar-default-bg;
+    margin: 0 !important;   // Overridden in theme with high specifity:
+    // .container > .navbar-header,
+    // .container-fluid > .navbar-header,
+    // .container > .navbar-collapse,
+    // .container-fluid > .navbar-collapse
+
+    // Is open
+    &.collapse.in {
+      left: 10%;
+      display: block;
+      overflow-y: auto;
+      box-shadow: -5px 20px 20px 0px rgba(0, 0, 0, 0.5), 5px 0 5px -5px rgba(0, 0, 0, 0.5);
+    }
+
+    // Hide current page in nav.
+    .nav > li.active {
+      display: none;
+    }
+    .caret {
+      float: right;
+      margin-top: 7px;
+    }
+  }
+}
+
-- 
cgit v1.2.3-54-g00ecf