create task rework

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

@@ -75,7 +75,7 @@ export const TrackerModal = ({
     "Выберите приоритет колонки"
   );
   const [selectedExecutorTask, setSelectedExecutorTask] = useState(
-    "Выберите исполнителя задачи"
+    "Выберите исполнителя"
   );
   const [selectExecutorTaskOpen, setSelectExecutorTaskOpen] = useState(false);
   const [correctProjectUsers, setCorrectProjectUsers] = useState([]);
@@ -183,7 +183,7 @@ export const TrackerModal = ({
             setActive(false);
             setValueTicket("");
             setDescriptionTicket("");
-            setSelectedExecutorTask("Выберите исполнителя задачи");
+            setSelectedExecutorTask("Выберите исполнителя");
             setSelectedPriority(null);
           });
         } else {
@@ -489,20 +489,11 @@ export const TrackerModal = ({
           <div className="title-project">
             <div className="createTaskHead">
               <div className="createTaskBody__right__owner">
-                <p>Создатель: {profileInfo?.fio}</p>
-                <img
-                  src={
-                    profileInfo.photo
-                      ? urlForLocal(profileInfo.photo)
-                      : avatarMok
-                  }
-                  alt="avatar"
-                />
+                <p>Создание задачи</p>
               </div>
             </div>
             <div className="createTaskBody">
               <div className="createTaskBody__left">
-                <h4>Введите название и описание задачи</h4>
                 <div className="input-container">
                   <input
                     maxLength="100"
@@ -692,12 +683,10 @@ export const TrackerModal = ({
                 </div>
                 <div className="createTaskBody__right__deadLine">
                   <img src={calendarImg} alt="calendar" />
-                  <span>Срок исполнения</span>
-                  <img src={arrowRight} className="arrow" alt="arrow" />
                   <p onClick={() => setDatePickerOpen(!datePickerOpen)}>
                     {deadLineDate
                       ? getCorrectDate(deadLineDate)
-                      : "Дата не выбрана"}
+                      : "Срок исполнения"}
                   </p>
                   <DatePicker
                     className="datePicker"

src/components/Modal/Tracker/TrackerModal/trackerModal.scss

@@ -173,11 +173,13 @@
       .executor {
         display: flex;
         justify-content: space-between;
-
         &:hover {
-          span {
           font-weight: 600;
         }
+        span {
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
         }
       }
     }
@@ -334,7 +336,7 @@
   }
 
   .createTaskBody {
-    padding: 10px;
+    padding: 15px 20px;
     display: flex;
     column-gap: 20px;
 
@@ -370,8 +372,8 @@
       }
 
       .ck-editor__editable.ck-rounded-corners {
-        min-height: 130px;
-        max-height: 130px;
+        min-height: 150px;
+        max-height: 150px;
       }
     }
 
@@ -386,10 +388,10 @@
         align-items: center;
         column-gap: 9.5px;
         p {
-          color: #2d4a17;
-          font-size: 14px;
+          font-size: 18px;
           font-weight: 500;
           line-height: 32px;
+          padding-left: 15px;
         }
 
         img {
@@ -405,7 +407,7 @@
 
         .tags {
           &__selected {
-            width: 393px;
+            width: 250px;
             font-weight: 300;
             line-height: 18px;
             font-size: 15px;
@@ -536,7 +538,7 @@
 
         &__name {
           color: #000;
-          width: 393px;
+          width: 250px;
           height: 47px;
           font-size: 15px;
           font-weight: 400;
@@ -584,7 +586,7 @@
 
       .select__executor {
         background: #f1f1f1;
-        width: 393px;
+        width: 250px;
         height: 47px;
         font-weight: 300;
         line-height: 18px;
@@ -604,7 +606,7 @@
       &__deadLine {
         display: flex;
         align-items: center;
-        column-gap: 18px;
+        column-gap: 5px;
         font-weight: 300;
         line-height: 18px;
         font-size: 15px;

src/pages/Tracker/tracker.scss

@@ -43,7 +43,7 @@
       max-width: 1160px;
       width: 100%;
       background: #e1fccf;
-      border-radius: 12px;
+      border-radius: 12px 12px 0 0;
       margin: 0 auto;
       position: relative;
       height: 60px;
@@ -124,7 +124,7 @@
     &__content {
       width: 100%;
       background: #ffffff;
-      padding-top: 20px;
+      padding: 20px 0;
 
       &__wrapper {
         max-width: 1160px;