adaptive
This commit is contained in:
@ -194,7 +194,7 @@ export const ProjectTracker = () => {
|
||||
}
|
||||
|
||||
function openTicket(e, task) {
|
||||
if (window.innerWidth < 900) {
|
||||
if (window.innerWidth < 985) {
|
||||
return;
|
||||
}
|
||||
setSelectedTicket(task);
|
||||
@ -634,7 +634,11 @@ export const ProjectTracker = () => {
|
||||
}
|
||||
onClick={(e) => openTicket(e, task)}
|
||||
>
|
||||
<div className="tasks__board__item__title">
|
||||
<div className="tasks__board__item__title" onClick={() => {
|
||||
if (window.innerWidth < 985) {
|
||||
window.location.replace(`/tracker/task/${task.id}`)
|
||||
}
|
||||
}}>
|
||||
<p className="task__board__item__title">
|
||||
{task.title}
|
||||
</p>
|
||||
@ -690,7 +694,7 @@ export const ProjectTracker = () => {
|
||||
columns={projectBoard.columns.filter(
|
||||
(item) => item.id !== column.id
|
||||
)}
|
||||
currentColumn={column.id}
|
||||
currentColumn={column}
|
||||
task={task}
|
||||
/>
|
||||
</div>
|
||||
|
@ -402,7 +402,7 @@
|
||||
|
||||
.persons__list {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
z-index: 20;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%);
|
||||
@ -527,6 +527,33 @@
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
width: 390px;
|
||||
padding: 15px 30px;
|
||||
.persons__list__info {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.persons__list__items {
|
||||
flex-direction: column;
|
||||
margin-bottom: 20px;
|
||||
row-gap: 15px;
|
||||
|
||||
.persons__list__item {
|
||||
max-width: none;
|
||||
span {
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 440px) {
|
||||
width: 290px;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -620,6 +647,17 @@
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 915px) {
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
justify-content: start;
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
p {
|
||||
color: #252c32;
|
||||
@ -659,6 +697,11 @@
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
|
||||
@media (max-width: 915px) {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
@ -811,6 +854,7 @@
|
||||
|
||||
@media (max-width: 900px) {
|
||||
width: 100%;
|
||||
max-height: none;
|
||||
|
||||
&:hover {
|
||||
transform: none;
|
||||
@ -1025,6 +1069,10 @@
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user