apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactoring allStyles styleStyle -> style-style

Browse Source
This commit is contained in:
Никита Губарь
2024-02-09 18:17:15 +03:00
parent 81d2ee4098
commit af07631abe
93 changed files with 751 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
View File

@ -565,7 +565,7 @@ export const TicketFullScreen = () => {
(div) =>
div.classList &&
(div.classList.contains("button-add-worker") ||
div.classList.contains("dropdownList"))
div.classList.contains("dropdown-list"))
)
) {
setDropListOpen(false);
@ -577,7 +577,7 @@ export const TicketFullScreen = () => {
!path.find(
(div) =>
div.classList &&
(div.classList.contains("deadLine") ||
(div.classList.contains("dead-line") ||
div.classList.contains("react-datepicker-popper"))
)
) {
@ -674,7 +674,7 @@ export const TicketFullScreen = () => {
}}
/>
) : (
<h5 className="fullName nameFullScreen">
<h5 className="full-name name-fullscreen">
{inputsValue.title}
</h5>
)}
@ -708,7 +708,7 @@ export const TicketFullScreen = () => {
) : (
<div className="ticket__description">
<div
className="fullDescription fullScreenDescription"
className="full-description fullscreen-description"
dangerouslySetInnerHTML={{
__html: inputsValue.description
}}
@ -717,7 +717,7 @@ export const TicketFullScreen = () => {
)}
</div>
{Boolean(taskFiles.length) && (
<div className="task__files filesFullScreen">
<div className="task__files files-fullscreen">
{taskFiles.map((file) => {
return (
<FileTracker
@ -731,17 +731,17 @@ export const TicketFullScreen = () => {
</div>
)}
{uploadedFile && (
<div className="fileLoaded">
<div className="file-loaded">
{uploadedFile.map((file) => {
return (
<div className="loadedFile" key={file.id}>
<div className="loaded-file" key={file.id}>
<img
src={backendImg(file.url)}
alt="img"
key={file.id}
/>
<div
className="deleteFile"
className="delete-file"
onClick={() => deleteLoadedFile(file)}
>
<img src={fileDelete} alt="delete" />
@ -775,7 +775,7 @@ export const TicketFullScreen = () => {
{caseOfNum(taskFiles.length, "files")}
</div>
</div>
<div className="content__input commentFullScreen">
<div className="content__input comment-fullscreen">
<input
placeholder="Оставить комментарий"
value={inputsValue.comment}
@ -809,7 +809,7 @@ export const TicketFullScreen = () => {
</div>
</div>
</div>
<div className="workers fullScreenWorkers">
<div className="workers fullscreen-workers">
<div className="workers_box task__info">
<div className="workers__creator">
Создатель: <p>&nbsp;{taskInfo.user?.fio}</p>
@ -836,7 +836,7 @@ export const TicketFullScreen = () => {
</div>
</>
) : (
<div className="add-worker moreItems ">
<div className="add-worker more-items ">
<button
className="button-add-worker"
onClick={() => setDropListOpen(true)}
@ -845,16 +845,16 @@ export const TicketFullScreen = () => {
</button>
<span>Добавить исполнителя</span>
{dropListOpen && (
<div className="dropdownList">
<div className="dropdown-list">
<img
src={close}
className="dropdownList__close"
className="dropdown-list__close"
onClick={() => setDropListOpen(false)}
/>
{correctProjectUsers.map((person) => {
return (
<div
className="dropdownList__person"
className="dropdown-list__person"
key={person.user_id}
onClick={() => taskExecutor(person)}
>
@ -901,7 +901,7 @@ export const TicketFullScreen = () => {
</div>
</div>
)}
<div className="add-worker moreItems">
<div className="add-worker more-items">
<button
className="button-add-worker"
onClick={() => setDropListMembersOpen(true)}
@ -910,17 +910,17 @@ export const TicketFullScreen = () => {
</button>
<span>Добавить участников</span>
{dropListMembersOpen && (
<div className="dropdownList">
<div className="dropdown-list">
<img
src={close}
className="dropdownList__close"
className="dropdown-list__close"
onClick={() => setDropListMembersOpen(false)}
/>
{users.length ? (
users.map((person) => {
return (
<div
className="dropdownList__person"
className="dropdown-list__person"
key={person.user_id}
onClick={() => addMember(person)}
>
@ -937,7 +937,7 @@ export const TicketFullScreen = () => {
);
})
) : (
<p className="noUsers">Нет пользователей</p>
<p className="no-users">Нет пользователей</p>
)}
</div>
)}
@ -945,9 +945,9 @@ export const TicketFullScreen = () => {
</div>
<div className="workers_box-middle">
<div className="deadLine">
<div className="dead-line">
<div
className="deadLine__container"
className="dead-line__container"
onClick={() => setDatePickerOpen(!datePickerOpen)}
>
<img src={calendarIcon} alt="calendar" />
@ -1050,7 +1050,7 @@ export const TicketFullScreen = () => {
{correctProjectTags.map((tag) => {
return (
<div
className="tagItem"
className="tag-item"
key={tag.id}
onClick={() => addTagToTask(tag.id)}
>
@ -1060,7 +1060,7 @@ export const TicketFullScreen = () => {
);
})}
{!Boolean(correctProjectTags.length) && (
<p className="tags__dropDown__noItem">Нет тегов</p>
<p className="tags__dropDown__no-item">Нет тегов</p>
)}
</div>
)}

21
src/components/Modal/Tracker/TicketFullScreen/ticketFullScreen.scss
View File

@ -2,11 +2,11 @@
background: #f5f5f5;
}
.fullName {
.full-name {
display: flex;
align-items: center;
span {
color: #6F6F6F;
color: #6f6f6f;
font-weight: 500;
font-size: 12px;
line-height: 17px;
@ -39,7 +39,7 @@
span {
display: flex;
width: 120px;
color: #6F6F6F;
color: #6f6f6f;
font-weight: 500;
font-size: 12px;
line-height: 17px;
@ -47,9 +47,9 @@
}
}
.fullScreenWorkers {
.fullscreen-workers {
@media (max-width: 880px) {
background: #DFF1FF;
background: #dff1ff;
.workers_box {
@media (max-width: 880px) {
@ -62,7 +62,6 @@
.workers__creator {
margin-bottom: 0 !important;
display: flex;
}
.add-worker {
@ -85,7 +84,7 @@
gap: 20px;
border-bottom: none !important;
.deadLine {
.dead-line {
width: 100%;
}
@ -123,13 +122,13 @@
}
}
.commentFullScreen {
.comment-fullscreen {
@media (max-width: 520px) {
width: auto !important;
}
}
.filesFullScreen {
.files-fullscreen {
@media (max-width: 520px) {
justify-content: space-evenly;
max-height: 400px !important;
@ -142,13 +141,13 @@
}
}
.nameFullScreen {
.name-fullscreen {
@media (max-width: 520px) {
white-space: inherit !important;
}
}
.fullScreenDescription {
.fullscreen-description {
@media (max-width: 1190px) {
white-space: inherit !important;
}