From 82a08aac8a211f7e73894ad3efdb80e84e5ec319 Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Wed, 23 Oct 2024 22:00:15 -0300
Subject: [PATCH] fix: offcanvas overlap on mobile

give precedence to generic-offcanvas on top of persistent-offcanvas
---
 app/templates/includes/offcanvas.html | 34 ++++++++++++++-------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/app/templates/includes/offcanvas.html b/app/templates/includes/offcanvas.html
index de5387b..d79054b 100644
--- a/app/templates/includes/offcanvas.html
+++ b/app/templates/includes/offcanvas.html
@@ -1,19 +1,3 @@
-<div id="generic-offcanvas" class="offcanvas offcanvas-end offcanvas-size-xl"
-     data-bs-backdrop="static"
-     tabindex="-1"
-     _="on htmx:afterSettle call bootstrap.Offcanvas.getOrCreateInstance(me).show() end
-        on hide_offcanvas call bootstrap.Offcanvas.getOrCreateInstance(me).hide() end
-        on htmx:beforeOnLoad[detail.boosted] call bootstrap.Offcanvas.getOrCreateInstance(me).hide()
-        on hidden.bs.offcanvas set my innerHTML to '' end">
-</div>
-<div id="generic-offcanvas-left" class="offcanvas offcanvas-start offcanvas-size-xl"
-     data-bs-backdrop="static"
-     tabindex="-1"
-     _="on htmx:afterSettle call bootstrap.Offcanvas.getOrCreateInstance(me).show() end
-        on hide_offcanvas call bootstrap.Offcanvas.getOrCreateInstance(me).hide() end
-        on htmx:beforeOnLoad[detail.boosted] call bootstrap.Offcanvas.getOrCreateInstance(me).hide()
-        on hidden.bs.offcanvas set my innerHTML to '' end">
-</div>
 <div id="persistent-generic-offcanvas" class="offcanvas offcanvas-end offcanvas-size-xl"
      data-bs-backdrop="static"
      tabindex="-1"
@@ -30,3 +14,21 @@
         on force_hide_offcanvas call bootstrap.Offcanvas.getOrCreateInstance(me).hide() end
         on hidden.bs.offcanvas set my innerHTML to '' end">
 </div>
+
+
+<div id="generic-offcanvas" class="offcanvas offcanvas-end offcanvas-size-xl"
+     data-bs-backdrop="static"
+     tabindex="-1"
+     _="on htmx:afterSettle call bootstrap.Offcanvas.getOrCreateInstance(me).show() end
+        on hide_offcanvas call bootstrap.Offcanvas.getOrCreateInstance(me).hide() end
+        on htmx:beforeOnLoad[detail.boosted] call bootstrap.Offcanvas.getOrCreateInstance(me).hide()
+        on hidden.bs.offcanvas set my innerHTML to '' end">
+</div>
+<div id="generic-offcanvas-left" class="offcanvas offcanvas-start offcanvas-size-xl"
+     data-bs-backdrop="static"
+     tabindex="-1"
+     _="on htmx:afterSettle call bootstrap.Offcanvas.getOrCreateInstance(me).show() end
+        on hide_offcanvas call bootstrap.Offcanvas.getOrCreateInstance(me).hide() end
+        on htmx:beforeOnLoad[detail.boosted] call bootstrap.Offcanvas.getOrCreateInstance(me).hide()
+        on hidden.bs.offcanvas set my innerHTML to '' end">
+</div>