create task rework

This commit is contained in:
Victor Batischev 2024-02-09 15:58:13 +03:00
parent 2c146df294
commit b4f5e6869c
3 changed files with 21 additions and 30 deletions

View File

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

View File

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

View File

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