fix styles
This commit is contained in:
Victor Batischev
parent
4ac2cddabe
commit
f738805d1e
@ -23,6 +23,8 @@
|
||||
|
||||
.select-person {
|
||||
align-items: start;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&__info {
|
||||
font-size: 15px;
|
||||
@ -49,19 +51,17 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
button {
|
||||
// margin: 0 auto;
|
||||
}
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.invite-person-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 20px;
|
||||
align-items: center;
|
||||
row-gap: 10px;
|
||||
&__input {
|
||||
margin: 0;
|
||||
min-width: 320px;
|
||||
min-width: 240px;
|
||||
height: 42px;
|
||||
|
||||
input {
|
||||
@ -75,7 +75,7 @@
|
||||
|
||||
&__btn {
|
||||
margin: 0;
|
||||
max-width: 242px;
|
||||
max-width: 190px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -106,7 +106,6 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 10px;
|
||||
padding: 19px 10px 29px 10px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
padding: 10px;
|
||||
|
||||
@ -87,7 +87,7 @@ const ListEmployees = ({
|
||||
}}
|
||||
>
|
||||
<span className="add-person">+</span>
|
||||
<p>Добавить участников</p>
|
||||
<p>Добавить участника</p>
|
||||
</div>
|
||||
</div>
|
||||
</ModalLayout>
|
||||
|
||||
@ -758,8 +758,7 @@ export const ModalTiсket = ({
|
||||
<div className="workers">
|
||||
<div className="workers_box task__info">
|
||||
<span className="exit" onClick={() => setActive(false)}></span>
|
||||
<p className="workers__creator">Создатель: {task.user?.fio}</p>
|
||||
|
||||
Создатель: <p className="workers__creator">{task.user?.fio}</p>
|
||||
{executor ? (
|
||||
<>
|
||||
<h5>Исполнитель: </h5>
|
||||
@ -819,7 +818,6 @@ export const ModalTiсket = ({
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{Boolean(members.length) && (
|
||||
<div className="members">
|
||||
<h5>Участники:</h5>
|
||||
@ -847,7 +845,6 @@ export const ModalTiсket = ({
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="add-worker moreItems">
|
||||
<button
|
||||
className="button-add-worker"
|
||||
@ -855,7 +852,7 @@ export const ModalTiсket = ({
|
||||
>
|
||||
+
|
||||
</button>
|
||||
<span>Добавить участников</span>
|
||||
<span>Добавить участника</span>
|
||||
{dropListMembersOpen && (
|
||||
<div className="dropdownList">
|
||||
<img
|
||||
|
||||
@ -860,7 +860,7 @@
|
||||
&__creator {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #2d4a17;
|
||||
|
||||
max-width: 200px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
@ -873,6 +873,7 @@
|
||||
line-height: 32px;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
color: #2d4a17;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -812,7 +812,7 @@ export const TicketFullScreen = () => {
|
||||
<div className="workers fullScreenWorkers">
|
||||
<div className="workers_box task__info">
|
||||
<div className="workers__creator">
|
||||
Создатель: <p> {taskInfo.user?.fio}</p>
|
||||
Создатель: <p>{taskInfo.user?.fio}</p>
|
||||
</div>
|
||||
|
||||
{taskInfo.executor ? (
|
||||
@ -908,7 +908,7 @@ export const TicketFullScreen = () => {
|
||||
>
|
||||
+
|
||||
</button>
|
||||
<span>Добавить участников</span>
|
||||
<span>Добавить участника</span>
|
||||
{dropListMembersOpen && (
|
||||
<div className="dropdownList">
|
||||
<img
|
||||
|
||||
@ -62,7 +62,6 @@
|
||||
.workers__creator {
|
||||
margin-bottom: 0 !important;
|
||||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
.add-worker {
|
||||
|
||||
@ -407,7 +407,7 @@ export const TrackerModal = ({
|
||||
<div className="title-project select-person">
|
||||
<h4>Добавьте участника</h4>
|
||||
<p className="select-person__info">
|
||||
Выберите пользователя в проекте или добавьте по e-mail
|
||||
Выберите пользователя в списке или добавьте по e-mail
|
||||
</p>
|
||||
<div className="invite__blocks">
|
||||
<div className="add-person-block">
|
||||
@ -440,7 +440,7 @@ export const TrackerModal = ({
|
||||
setSelectedWorker(worker);
|
||||
}}
|
||||
>
|
||||
<p>{worker.employee.fio}</p>
|
||||
<span>{worker.employee.fio}</span>
|
||||
<img
|
||||
src={urlForLocal(worker.employee.avatar)}
|
||||
alt="avatar"
|
||||
@ -473,10 +473,10 @@ export const TrackerModal = ({
|
||||
/>
|
||||
</div>
|
||||
<BaseButton
|
||||
styles={"button-add invite-person-block__btn"}
|
||||
styles={"button-add add-person-btn"}
|
||||
onClick={inviteUserByEmail}
|
||||
>
|
||||
Отправить приглашение
|
||||
Пригласить
|
||||
</BaseButton>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -30,7 +30,6 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
row-gap: 12px;
|
||||
padding-bottom: 15px;
|
||||
|
||||
.select-priority {
|
||||
@ -222,7 +221,7 @@
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
min-width: 320px;
|
||||
min-width: 240px;
|
||||
height: 42px;
|
||||
width: 100%;
|
||||
|
||||
@ -235,6 +234,16 @@
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
span {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 13px;
|
||||
max-width: 270px;
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
img {
|
||||
transition: all 0.3s ease;
|
||||
width: 20px;
|
||||
@ -246,6 +255,7 @@
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
padding: 9.5px 12px;
|
||||
@ -730,8 +740,7 @@
|
||||
}
|
||||
|
||||
.add-person-btn {
|
||||
margin: 0 auto 0 0;
|
||||
margin-top: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.modal-add.active {
|
||||
|
||||
@ -520,7 +520,6 @@ $maxWidthContainer: 1123;
|
||||
.block-completed-test {
|
||||
background: #ffffff;
|
||||
border-radius: 12px;
|
||||
// .block-completed-test__container
|
||||
|
||||
&__container {
|
||||
padding: 41px 35px 29px 59px;
|
||||
@ -529,8 +528,6 @@ $maxWidthContainer: 1123;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
// .block-completed-test__img
|
||||
|
||||
&__img {
|
||||
flex: 0 0 54px;
|
||||
height: 60px;
|
||||
@ -542,8 +539,6 @@ $maxWidthContainer: 1123;
|
||||
}
|
||||
}
|
||||
|
||||
// .block-completed-test__title
|
||||
|
||||
&__title {
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
|
||||
@ -528,7 +528,9 @@ export const ProjectTracker = () => {
|
||||
</div>
|
||||
)}
|
||||
{projectBoard.projectUsers?.length > 3 && (
|
||||
<span className="countPersons">+1</span>
|
||||
<span className="countPersons">
|
||||
+{projectBoard.projectUsers?.length - 3}
|
||||
</span>
|
||||
)}
|
||||
<span
|
||||
className="add-person"
|
||||
|
||||
@ -191,7 +191,7 @@ const Statistics = () => {
|
||||
</div>
|
||||
<div className="add-person">
|
||||
<span className="add-person__button">+</span>
|
||||
<p>Добавить участников</p>
|
||||
<p>Добавить участника</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -124,8 +124,7 @@
|
||||
&__content {
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
padding: 30px 0;
|
||||
margin-bottom: 10px;
|
||||
padding-top: 20px;
|
||||
|
||||
&__wrapper {
|
||||
max-width: 1160px;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user