From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 6 Sep 2019 14:13:06 +0000 (+0200)
Subject: fix #2922 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=51f0fb8da83f09be451cfbc552549948c9bfc39d;p=pmi.git

fix #2922 @0.5
---

diff --git a/app/Http/Middleware/Menu.php b/app/Http/Middleware/Menu.php
index b86e902..11338ac 100644
--- a/app/Http/Middleware/Menu.php
+++ b/app/Http/Middleware/Menu.php
@@ -25,7 +25,7 @@ class Menu
             $parent = $menu->add($child->getTitle(), $child->getHref());
 
             // Handle items with submenus
-            if ($child->isMenuDesktopChildren() && $child->hasChildren()) {
+            if ($child->hasChildren()) {
                 // Create an empty sub-element that will serve as a wrapper for the submenu(s)
 
                 if ($child->getType() == 'mega') {
diff --git a/resources/js/components/Search.vue b/resources/js/components/Search.vue
index 98c47b8..cb1fd1d 100644
--- a/resources/js/components/Search.vue
+++ b/resources/js/components/Search.vue
@@ -3,7 +3,7 @@
 
         <!-- Trigger Link that will appear inside the nav portal -->
         <portal to="nav-search-toggle">
-            <a href="#" class="text-white hover:text-blue" @click.prevent="toggleVisibility"
+            <a href="#" id="nav-search-toggle-link" class="text-white hover:text-blue" @click.prevent="toggleVisibility"
                :class="visible ? 'text-blue' : ''">
                 <slot name="link"></slot>
             </a>
diff --git a/resources/js/menu.js b/resources/js/menu.js
index c22d929..e6edc2b 100644
--- a/resources/js/menu.js
+++ b/resources/js/menu.js
@@ -7,7 +7,7 @@ MmenuLight.prototype.offcanvas = offcanvas;
 document.addEventListener(
     'DOMContentLoaded', () => {
         let nav = document.getElementById("mobile-nav");
-        window.mmenu = new MmenuLight(nav, {title: "Menu", selected: 'active'});
+        window.mmenu = new MmenuLight(nav, {title: "Menu"});
         window.menu_breakpoint = 1023; // Note: this should match the menu CSS breakpoint in setup.styl!
 
         mmenu.enable(`(max-width: ${menu_breakpoint}px)`);
@@ -21,6 +21,11 @@ document.addEventListener(
                     event.stopPropagation();
 
                     if (null === document.querySelector('.mm--close')) {
+                        let search = document.querySelector('.mm li[data-name="recherche"] a');
+                        let searchIcon = document.getElementById('nav-search-toggle-link').innerHTML;
+                        console.log(searchIcon);
+                        search.innerHTML = searchIcon + search.innerHTML;
+
                         nav.innerHTML = '<a class="mm--close"></a>' + nav.innerHTML;
 
                         document.querySelector('.mm--close').addEventListener('click', (event) => {
diff --git a/resources/styles/components/mmenu.styl b/resources/styles/components/mmenu.styl
index 2d4eebb..79446ab 100644
--- a/resources/styles/components/mmenu.styl
+++ b/resources/styles/components/mmenu.styl
@@ -120,6 +120,11 @@
       --mm-item-height: var(--mm-item-item-height)
 
   li
+    svg
+      display inline
+      margin-right: 10px;
+      margin-top: -2px;
+
     &:after
       margin-left 0