From c2767c13a4c0b148f32c617882ced2848ea63e59 Mon Sep 17 00:00:00 2001
From: salmon <dan@salmon.cat>
Date: Mon, 15 Jul 2024 18:51:56 +0000
Subject: [PATCH] Move main menu to dropdown

---
 assets/scss/_community.scss |  3 +++
 templates/pagenav.html      | 33 ++++++++++++++++++---------------
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/assets/scss/_community.scss b/assets/scss/_community.scss
index 5844a39a..ab8bab06 100644
--- a/assets/scss/_community.scss
+++ b/assets/scss/_community.scss
@@ -203,3 +203,6 @@ img.story-portrait {
     }
 }
 
+.nav_dropdown {
+    box-shadow: none !important;
+}
\ No newline at end of file
diff --git a/templates/pagenav.html b/templates/pagenav.html
index 077df735..f0f145e2 100644
--- a/templates/pagenav.html
+++ b/templates/pagenav.html
@@ -1,22 +1,25 @@
 <div class="container-fluid border-bottom border-light bg-white sticky-top">
-  <div class="row flex-xl-nowrap {{ bag('alternatives', this.alt, 'order') }}">
-    <div class="row col-12 justify-content-center">
-      <ul class="nav">
-        {% set menubag = 'pagenav' %}
-        {% for id, item in bag(menubag).items() %}
+  <div class="row justify-content-center">
+    <div class="dropdown show">
+      {% set menubag = 'pagenav' %}
+
+      <a class="btn btn-outline-primary dropdown-toggle nav_dropdown" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+      {% for id, item in bag(menubag).items() %}
         {% set abs_path = item.path %}
-        <li{% if this.is_child_of(abs_path) %} class="nav-item active border-active" {% else %} class="nav-item" {% endif %}>
+        {% set elm = site.get(item.path) %}
+        {% if this.is_child_of(abs_path) %} {{ _(item.label) }}{% else %} {% endif %}
+      {% endfor %}
+      </a>
+      <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
+        {% for id, item in bag(menubag).items() %}
+          {% set abs_path = item.path %}
           {% set elm = site.get(item.path) %}
-          {% if elm %}
-            <a class="nav-link" href="{{ elm.path|url }}">{{ _(item.label) }}
-          {% endif %}
-          {% if this.is_child_of(abs_path) %}
-            <span class="sr-only">(current)</span>
-          {% endif %}
+          
+          <a{% if this.is_child_of(abs_path) %} class="dropdown-item active" {% else %} class="dropdown-item" {% endif %}
+          href="{{ elm.path|url }}">{{ _(item.label) }}
           </a>
-        </li>
         {% endfor %}
-      </ul>
+      </div>
     </div>
   </div>
-</div>
+</div>
\ No newline at end of file