From e1b2bfa41e9b1e2220bf27e76bc528b833d08744 Mon Sep 17 00:00:00 2001
From: Merlin Buczek <merlin.buczek@pm.me>
Date: Sun, 1 Sep 2019 13:29:11 +0200
Subject: [PATCH] Expand main menu

---
 mpicms/templates/menus/main.html | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/mpicms/templates/menus/main.html b/mpicms/templates/menus/main.html
index 1127490..992b5b1 100644
--- a/mpicms/templates/menus/main.html
+++ b/mpicms/templates/menus/main.html
@@ -67,8 +67,8 @@
     <div class="navbar-menu" id="navMenu" style="flex-shrink: 1">
       <div class="navbar-start" style="flex-wrap: wrap;">
         {% for item in request.site.root_page.get_children.live.in_menu %}
-          {% with item.get_children.live.in_menu as children %}
-            {% if children %}
+          {% with item.get_children.live.in_menu as parents %}
+            {% if parents %}
               <div class="navbar-item has-dropdown is-hoverable">
                 <a href="{% pageurl item %}" class="navbar-link navbar-title is-hidden-touch">
                   {{ item }}
@@ -78,10 +78,22 @@
                 </a>
 
                 <div class="navbar-dropdown is-hidden-touch is-boxed">
-                  {% for child in children %}
-                  <a href="{% pageurl child %}" class="navbar-item">
-                    {{ child }}
+                  {% for parent in parents %}
+                  <a href="{% pageurl parent %}" class="navbar-item">
+                    <b>{{ parent }}</b>
                   </a>
+                    {% with parent.get_children.live.in_menu as children %}
+                      {% if children %}
+                        {% for child in children %}
+                          <a href="{% pageurl child %}" class="navbar-item">
+                            {{ child }}
+                          </a>
+                        {% endfor %}
+                      {% endif %}
+                    {% endwith %}
+                      {% if not forloop.last %}
+                        <hr class="dropdown-divider">
+                      {% endif %}
                   {% endfor %}
                 </div>
               </div>