tracker tasks

src/components/AuthBox/authBox.scss

@@ -4,6 +4,10 @@
   align-self: center;
   margin-bottom: 194px;
 
+  @media (max-width: 1200px) {
+    margin-bottom: 100px;
+  }
+
   &__header {
     font-family: "GT Eesti Pro Display";
     font-size: 5.3em;
@@ -19,6 +23,15 @@
       letter-spacing: 0.56px;
       line-height: normal;
     }
+
+    @media (max-width: 1024px) {
+      margin-top: 25px;
+    }
+
+    @media (max-width: 450px) {
+      font-size: 4em;
+      text-align: center;
+    }
   }
 
   &__sign-in {
@@ -63,6 +76,14 @@
       width: 6px;
       height: 6px;
       margin-left: 120px;
+
+      @media (max-width: 700px) {
+        margin-left: 0;
+      }
+    }
+
+    @media (max-width: 1024px) {
+      margin-bottom: 25px;
     }
   }
 
@@ -175,7 +196,6 @@
     margin-bottom: 0px;
 
     &__header {
-      margin-top: 120px;
       line-height: 20px;
     }
 
@@ -196,6 +216,7 @@
         height: 45px;
         border-radius: 22.5px;
         padding-left: 22px;
+        max-width: none;
       }
 
       &-btn {

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

@@ -120,6 +120,11 @@ export const ModalTiсket = ({
       },
     }).then((res) => {
       dispatch(setProjectBoardFetch(projectId));
+      showNotification({
+        show: true,
+        text: "Изменения сохранены",
+        type: "success",
+      });
     });
   }
 

src/components/Modal/Tracker/ModalTicket/modalTicket.scss

@@ -20,6 +20,7 @@
   border-radius: 8px;
   display: flex;
   flex-direction: row;
+  max-height: 750px;
 
   .content {
     position: relative;
@@ -116,45 +117,35 @@
       }
 
       .taskName {
+        display: -webkit-box;
         max-width: 550px;
         overflow: hidden;
-        white-space: nowrap;
         text-overflow: ellipsis;
-        -webkit-line-clamp: 5;
+        -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
       }
 
       .taskDescription {
+        display: -webkit-box;
         max-width: 550px;
         overflow: hidden;
-        white-space: nowrap;
         text-overflow: ellipsis;
-        -webkit-line-clamp: 5;
+        -webkit-line-clamp: 4;
         -webkit-box-orient: vertical;
       }
 
       .fullName {
         max-width: 800px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        -webkit-line-clamp: 5;
-        -webkit-box-orient: vertical;
       }
 
       .fullDescription {
         max-width: 800px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        -webkit-line-clamp: 5;
-        -webkit-box-orient: vertical;
       }
 
       .comments__list {
         display: flex;
         flex-direction: column;
-        max-height: 300px;
+        max-height: 215px;
         overflow: auto;
 
         &::-webkit-scrollbar {
@@ -357,7 +348,7 @@
       column-gap: 25px;
       row-gap: 20px;
       margin-top: 33px;
-      max-height: 350px;
+      max-height: 170px;
       overflow-y: auto;
 
       &::-webkit-scrollbar {

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

@@ -21,6 +21,8 @@ import {
   urlForLocal,
 } from "@utils/helper";
 
+import { useNotification } from "@hooks/useNotification";
+
 import { apiRequest } from "@api/request";
 
 import { getCorrectDate } from "@components/Calendar/calendarHelper";
@@ -84,6 +86,7 @@ export const TicketFullScreen = () => {
   const [uploadedFile, setUploadedFile] = useState(null);
   const [taskFiles, setTaskFiles] = useState([]);
   const [acceptModalOpen, setAcceptModalOpen] = useState(false);
+  const { showNotification } = useNotification();
 
   useEffect(() => {
     apiRequest(`/task/get-task?task_id=${ticketId.id}`).then((taskInfo) => {
@@ -175,7 +178,13 @@ export const TicketFullScreen = () => {
         title: inputsValue.title,
         description: inputsValue.description,
       },
-    }).then(() => {});
+    }).then(() => {
+      showNotification({
+        show: true,
+        text: "Изменения сохранены",
+        type: "success",
+      });
+    });
   }
 
   function createComment() {

src/components/SideBar/sidebar.scss

@@ -11,7 +11,6 @@
     position: fixed;
     width: 100% !important;
     height: 80px;
-    margin-bottom: 50px;
   }
 
   @media (max-width: 1440px) {

src/components/SliderWorkers/sliderWorkers.scss

@@ -32,6 +32,15 @@
       line-height: 22px;
       color: #000000;
     }
+
+    @media (max-width: 1024px) {
+      text-align: center;
+      margin-top: 20px;
+
+      p {
+        margin-top: 15px;
+      }
+    }
   }
 
   .slick-list {