Gagan7900
90 lines
2.4 KiB
SCSS
90 lines
2.4 KiB
SCSS
/* Start::task-kanboard-board */
|
|
.ynex-kanban-board {
|
|
@apply flex overflow-x-auto items-stretch mb-3 pb-4;
|
|
.kanban-tasks-type {
|
|
@apply min-w-[20rem] me-6 w-full;
|
|
&:last-child {
|
|
@apply me-0;
|
|
}
|
|
.kanban-tasks{
|
|
@apply touch-none overflow-x-hidden overflow-y-scroll;
|
|
}
|
|
}
|
|
.task-image {
|
|
.kanban-image {
|
|
@apply h-[150px] w-full rounded-md;
|
|
}
|
|
}
|
|
.kanban-content {
|
|
@apply mt-3;
|
|
}
|
|
.kanban-task-description {
|
|
@apply text-textmuted text-[0.82rem];
|
|
}
|
|
.kanban-tasks-type {
|
|
&.new {
|
|
.kanban-tasks.box {
|
|
@apply border-t-[3px] border-solid border-primary/30;
|
|
}
|
|
}
|
|
&.todo {
|
|
.kanban-tasks.box {
|
|
@apply border-t-[3px] border-solid border-warning/30;
|
|
}
|
|
}
|
|
&.in-progress {
|
|
.kanban-tasks.box {
|
|
@apply border-t-[3px] border-solid border-info/30;
|
|
}
|
|
}
|
|
&.inreview {
|
|
.kanban-tasks.box {
|
|
@apply border-t-[3px] border-solid border-danger/30;
|
|
}
|
|
}
|
|
&.completed {
|
|
.kanban-tasks.box {
|
|
@apply border-t-[3px] border-solid border-success/30;
|
|
}
|
|
}
|
|
}
|
|
#new-tasks,#todo-tasks,#inprogress-tasks,#inreview-tasks,#completed-tasks {
|
|
.box:last-child {
|
|
@apply mb-0;
|
|
}
|
|
}
|
|
#new-tasks,#todo-tasks,#inprogress-tasks,#inreview-tasks,#completed-tasks {
|
|
@apply relative max-h-[35rem];
|
|
.simplebar-content {
|
|
@apply pt-0 pb-4 px-0;
|
|
}
|
|
}
|
|
.task-Null {
|
|
@apply relative min-h-[12.5rem] before:absolute before:inset-0 before:bg-white dark:before:bg-bodybg before:rounded-md before:bg-[url('../images/media/media-83.svg')] before:bg-cover before:bg-center before:h-[12.5rem]
|
|
before:w-full before:my-0 before:mx-auto;
|
|
}
|
|
}
|
|
/* end::task-kanboard-board */
|
|
|
|
/* Start::task-details */
|
|
.task-title {
|
|
@apply relative start-4 before:absolute before:w-2 before:h-2 before:-start-4 before:top-2 before:rounded-full before:bg-secondary;
|
|
}
|
|
.task-details-key-tasks {
|
|
@apply list-decimal;
|
|
li {
|
|
@apply mb-2 text-[0.875rem] text-[#8c9097];
|
|
&:last-child {
|
|
@apply mb-0;
|
|
}
|
|
}
|
|
}
|
|
.task-description {
|
|
@apply text-[0.875rem];
|
|
}
|
|
.task-details-progress {
|
|
@apply w-[6.25rem];
|
|
}
|
|
|
|
/* End::task-details */
|