From dbf22107dc450fbd0935e7ecb5228094c2f7fda3 Mon Sep 17 00:00:00 2001
From: A1Gard <a1gard@4xmen.ir>
Date: Mon, 10 Mar 2025 06:06:38 +0330
Subject: [PATCH] improve recet menu ui/ux

---
 resources/views/segments/menu/RecetMenu/RecetMenu.js  | 11 +++++++++++
 .../views/segments/menu/RecetMenu/RecetMenu.scss      |  6 ++++++
 2 files changed, 17 insertions(+)

diff --git a/resources/views/segments/menu/RecetMenu/RecetMenu.js b/resources/views/segments/menu/RecetMenu/RecetMenu.js
index 08918ed..ea662fa 100644
--- a/resources/views/segments/menu/RecetMenu/RecetMenu.js
+++ b/resources/views/segments/menu/RecetMenu/RecetMenu.js
@@ -2,5 +2,16 @@ document.addEventListener('DOMContentLoaded',function () {
     document.querySelector('#rect-toggle')?.addEventListener('click',function (e) {
         e.preventDefault();
         document.querySelector('#RecetMenu').classList.toggle('show-menu');
+        setTimeout(function () {
+            document.addEventListener('click', handleDocumentClick);
+        },100);
     });
 })
+
+
+function handleDocumentClick(e) {
+    if (!document.querySelector('#RecetMenu').contains(e.target)) {
+        document.querySelector('#RecetMenu').classList.toggle('show-menu');
+        document.removeEventListener('click', handleDocumentClick);
+    }
+}
diff --git a/resources/views/segments/menu/RecetMenu/RecetMenu.scss b/resources/views/segments/menu/RecetMenu/RecetMenu.scss
index b8bd1c7..d9b739f 100644
--- a/resources/views/segments/menu/RecetMenu/RecetMenu.scss
+++ b/resources/views/segments/menu/RecetMenu/RecetMenu.scss
@@ -69,4 +69,10 @@
             }
         }
     }
+    .float-end {
+        i{
+            margin-top: .5rem;
+            display: inline-block;
+        }
+    }
 }