From db3d05b6ce14177d73772f0ea030d30ec4374cbf Mon Sep 17 00:00:00 2001
From: Abdulwasiu Apalowo <bazzanapalowo@gmail.com>
Date: Wed, 3 Sep 2025 12:42:02 +0100
Subject: [PATCH 1/2] chore: Update to use Gulp v4 style

---
 gulpfile.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gulpfile.js b/gulpfile.js
index ced46c58..d9c6d73c 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -73,5 +73,5 @@ function task(id, extra) {
 gulp.task('sass', task('sass'));
 
 gulp.task('watch', function () {
-    gulp.watch(PROJECT_PATTERNS.sass, ['sass']);
+    gulp.watch(PROJECT_PATTERNS.sass, gulp.series('sass'));
 });

From ee3c83d80f7da4c3953bcc91c4e6cf6307c8dc08 Mon Sep 17 00:00:00 2001
From: Abdulwasiu Apalowo <bazzanapalowo@gmail.com>
Date: Wed, 3 Sep 2025 22:37:39 +0100
Subject: [PATCH 2/2] chore: Use split button for menu dropdown

---
 .../templates/bootstrap5/menu.html              | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/djangocms_frontend/templates/bootstrap5/menu.html b/djangocms_frontend/templates/bootstrap5/menu.html
index 22d6f201..1a3bfcb9 100644
--- a/djangocms_frontend/templates/bootstrap5/menu.html
+++ b/djangocms_frontend/templates/bootstrap5/menu.html
@@ -1,13 +1,12 @@
 {% load i18n menu_tags cache %}{% spaceless %}
     {% for child in children %}
-        <li class="nav-item text-center {% if child.ancestor %}ancestor{% endif %}{% if child.children %} dropdown{% endif %}">
-            {% if child.children %}<a class="nav-link dropdown-toggle{% if child.selected %} active{% endif %}" role="button" data-bs-toggle="dropdown" data-request="{{ request.path }}" href="{{ child.get_absolute_url }}" id="menu-{{ child.id|safe }}">{{ child.get_menu_title }}</a>
-                <div class="dropdown-menu" aria-labelledby="menu-{{ child.ancestor.id|safe }}">
-                    {% show_menu from_level to_level extra_inactive extra_active "bootstrap5/dropdown.html" "" "" child %}
-                </div>
-            {% else %}
-                <a class="nav-link{% if child.selected %} active{% endif %}" href="{{ child.get_absolute_url }}"><span>{{ child.get_menu_title }}</span></a>
-            {% endif %}
-        </li>
+      <li class="btn-group {% if child.ancestor %}ancestor{% endif %}{% if child.children %} dropdown{% endif %}">
+	<a class="nav-link{% if child.selected %} active{% endif %}" data-request="{{ request.path }}" id="menu-{{ child.id|safe }}" href="{{ child.get_absolute_url }}">{{ child.get_menu_title }}</a>
+        {% if child.children %}<button class="nav-link btn-secondary btn-sm dropdown-toggle" style="padding-left: 0;" data-bs-toggle="dropdown" aria-expanded="false" data-bs-reference="parent"></button>
+	<div class="dropdown-menu" aria-labelledby="menu-{{ child.ancestor.id|safe }}">
+          {% show_menu from_level to_level extra_inactive extra_active "bootstrap5/dropdown.html" "" "" child %}
+        </div>
+	{% endif %}
+      </li>
     {% endfor %}
 {% endspaceless %}