From 76bbfee4fc2738c24ae903dcb8574b11fa97107f Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Wed, 21 May 2025 00:26:25 +0530
Subject: [PATCH] adjust modal close button appearance and position

---
 public/assets/vendor/css/core.css                   | 11 ++++++-----
 .../Directory/ProfileContactDirectory.jsx           | 13 ++-----------
 src/pages/Directory/Directory.jsx                   | 13 ++++++++++---
 3 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/public/assets/vendor/css/core.css b/public/assets/vendor/css/core.css
index 46f34f42..a0771547 100644
--- a/public/assets/vendor/css/core.css
+++ b/public/assets/vendor/css/core.css
@@ -16889,7 +16889,8 @@ li:not(:first-child) .dropdown-item,
   box-shadow: var(--bs-box-shadow-xs);
   filter: none;
   opacity: 1;
-  transform: translate(23px, -25px);
+  transform: translate(6px, -9px);
+  z-index: 1056;
   border-radius: 0.25rem;
   transition: all 0.23s ease 0.1s;
   /* For hover effect of close btn */
@@ -16899,18 +16900,18 @@ li:not(:first-child) .dropdown-item,
     transition: none;
   }
 }
-.modal .btn-close:hover,
+/* .modal .btn-close:hover,
 .modal .btn-close:focus,
 .modal .btn-close:active {
   opacity: 1;
   outline: 0;
   transform: translate(20px, -20px);
-}
-:dir(rtl) .modal .btn-close:hover,
+} */
+/* :dir(rtl) .modal .btn-close:hover,
 :dir(rtl) .modal .btn-close:focus,
 :dir(rtl) .modal .btn-close:active {
   transform: translate(26px, -20px);
-}
+} */
 .modal .btn-close::before {
   display: block;
   background-color: var(--bs-secondary-color);
diff --git a/src/components/Directory/ProfileContactDirectory.jsx b/src/components/Directory/ProfileContactDirectory.jsx
index 1bdd630f..a46c2001 100644
--- a/src/components/Directory/ProfileContactDirectory.jsx
+++ b/src/components/Directory/ProfileContactDirectory.jsx
@@ -14,17 +14,8 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
   }, [conatProfile]);
   return (
     <div className="p-1">
-      <div className="text-end m-0 p-0">
-        {" "}
-        <button
-          className="btn btn-xs btn-secondary text-end"
-          onClick={() => {
-            setOpen_contact(null);
-            closeModal();
-          }}
-        >
-          Close
-        </button>
+      <div className="text-center m-0 p-0">     
+        <p className="fw-semibold fs-6 m-0">Contact Profile</p>
       </div>
       <div>
         <div className="d-flex align-items-center mb-2">
diff --git a/src/pages/Directory/Directory.jsx b/src/pages/Directory/Directory.jsx
index 9e27d193..6e00e720 100644
--- a/src/pages/Directory/Directory.jsx
+++ b/src/pages/Directory/Directory.jsx
@@ -129,7 +129,11 @@ const Directory = () => {
       {isOpenModal && (
         <GlobalModel
           isOpen={isOpenModal}
-          closeModal={() => setIsOpenModal(false)}
+          closeModal={() =>
+          {
+            setSelectedContact(null)
+             setIsOpenModal(false)
+          }}
           size="lg"
         >
           {renderModalContent()}
@@ -138,9 +142,12 @@ const Directory = () => {
       {isOpenModalNote && (
         <GlobalModel
           isOpen={isOpenModalNote}
-          closeModal={() => setIsOpenModalNote(false)}
+          closeModal={() =>
+          {
+            setOpen_contact(null)
+            setIsOpenModalNote(false)
+          }}
           size="lg"
-          IsCloseBtn={false}
         >
           {open_contact && <ProfileContactDirectory contact={open_contact} setOpen_contact={setOpen_contact} closeModal={ () => setIsOpenModalNote(false)} />}
         </GlobalModel>