fixes

src/components/Common/ModalLayout/ModalLayout.jsx

@@ -13,7 +13,11 @@ export const ModalLayout = ({
   return (
     <div
       className={active ? `modal-layout active` : "modal-layout"}
-      onClick={() => setActive(false)}
+      onClick={(event) => {
+        if (event.target.className === 'modal-layout active') {
+          setActive(false)
+        }
+      }}
       {...props}
     >
       <div
@@ -22,7 +26,6 @@ export const ModalLayout = ({
             ? `modal-layout__content ${styles}`
             : `modal-layout__content ${type}`
         }
-        onClick={(e) => e.stopPropagation()}
       >
         {children}
       </div>

src/components/Common/ModalLayout/modalLayout.scss

@@ -45,6 +45,16 @@
         font-weight: 300;
       }
 
+      .addPersonBlock {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        button {
+          margin: 0 auto;
+        }
+      }
+
       .invitePersonBlock {
         display: flex;
         flex-direction: column;
@@ -64,7 +74,7 @@
         }
 
         &__btn {
-          margin: 0 auto 0 0;
+          margin: 0 auto;
           max-width: 242px;
           width: 100%;
         }

src/components/Modal/ModalSelect/modalSelect.scss

@@ -5,7 +5,7 @@
     background: #e1fccf;
     border-radius: 12px;
     transform: scale(0);
-    bottom: -90px;
+    bottom: -40px;
     right: -120px;
 
     @media (max-width: 1050px) {

src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx

@@ -379,7 +379,7 @@ export const ModalTiсket = ({
     const data = await res.json();
 
     // setUploadedFile(data);
-    attachFile(data[0].id)
+    attachFile(data[0].id);
   }
 
   // function deleteLoadedFile() {

src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx

@@ -29,13 +29,13 @@ import { useNotification } from "@hooks/useNotification";
 import { getCorrectDate } from "@components/Calendar/calendarHelper";
 import { Footer } from "@components/Common/Footer/Footer";
 import { Loader } from "@components/Common/Loader/Loader";
+import FileTracker from "@components/FileTracker/FileTracker";
 import AcceptModal from "@components/Modal/AcceptModal/AcceptModal";
 import TrackerModal from "@components/Modal/Tracker/TrackerModal/TrackerModal";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
 import TrackerTaskComment from "@components/TrackerTaskComment/TrackerTaskComment";
-import FileTracker from "@components/FileTracker/FileTracker";
 
 import arrow from "assets/icons/arrows/arrowCalendar.png";
 import arrowStart from "assets/icons/arrows/arrowStart.png";
@@ -502,7 +502,7 @@ export const TicketFullScreen = () => {
 
   function deleteFile(file) {
     setTaskFiles((prevValue) =>
-        prevValue.filter((item) => item.id !== file.id)
+      prevValue.filter((item) => item.id !== file.id)
     );
   }
 
@@ -807,12 +807,12 @@ export const TicketFullScreen = () => {
                     <div className="task__files filesFullScreen">
                       {taskFiles.map((file) => {
                         return (
-                            <FileTracker
-                                key={file.id}
-                                file={file}
-                                setDeletedTask={deleteFile}
-                                taskId={taskInfo.id}
-                            />
+                          <FileTracker
+                            key={file.id}
+                            file={file}
+                            setDeletedTask={deleteFile}
+                            taskId={taskInfo.id}
+                          />
                         );
                       })}
                     </div>

src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx

@@ -321,6 +321,7 @@ export const TrackerModal = ({
     } else {
       setCorrectProjectUsers(projectUsers);
     }
+    initListeners()
   }, [active]);
 
   useEffect(() => {
@@ -335,6 +336,38 @@ export const TrackerModal = ({
     }
   }, [taskTags, projectMarks]);
 
+  const initListeners = () => {
+    document.addEventListener("click", closeByClickingOut);
+  };
+
+  const closeByClickingOut = (event) => {
+    const path = event.path || (event.composedPath && event.composedPath());
+
+    if (
+        event &&
+        !path.find(
+            (div) =>
+                div.classList &&
+                (div.classList.contains("tags__selected__name") ||
+                    div.classList.contains("tags__dropDown"))
+        )
+    ) {
+      setSelectTagsOpen(false)
+    }
+
+    if (
+        event &&
+        !path.find(
+            (div) =>
+                div.classList &&
+                (div.classList.contains("select__executor") ||
+                    div.classList.contains("select__executor__dropDown"))
+        )
+    ) {
+      setSelectExecutorTaskOpen(false)
+    }
+  }
+
   return (
     <ModalLayout
       active={active}

src/components/ProjectTiket/ProjectTiket.jsx

@@ -43,7 +43,7 @@ export const ProjectTiket = ({ project, index }) => {
 
     if (
       event &&
-      !path.find((item) => item.classList && item.classList.contains("project"))
+      !path.find((div) => div.classList && div.classList.contains(`project-${project.id}`))
     ) {
       setModalSelect(false);
     }
@@ -73,7 +73,7 @@ export const ProjectTiket = ({ project, index }) => {
   function linkProject() {}
 
   return (
-    <div className="project" key={index}>
+    <div className={`project project-${project.id}`} key={index}>
       <Link
         to={`/tracker/project/${project.id}`}
         className="project__open-traker"
@@ -93,7 +93,9 @@ export const ProjectTiket = ({ project, index }) => {
         </div>
       </Link>
 
-      <span className="menu-settings" onClick={() => setModalSelect(true)}>
+      <span className="menu-settings" onClick={() => {
+        setModalSelect(!modalSelect)
+      }}>
         ...
       </span>
 

src/components/ProjectTiket/projectTiket.scss

@@ -87,7 +87,7 @@
     font-size: 21px;
     color: #6f6f6f;
     right: 26px;
-    top: 59px;
+    top: 10px;
   }
 
   &__avatar {
@@ -104,10 +104,10 @@
     position: absolute;
     bottom: 18px;
     left: 26px;
-    color: #678eda;
+    color: #0042b4;
     text-decoration: underline;
-    font-size: 12px;
-    font-weight: 300;
+    font-size: 14px;
+    font-weight: 400;
     line-height: 17px;
   }
 }