// // kanban.scss // Dashkit component //
// Container
.container-fluid.kanban-container {
min-height: calc(100vh - 129px);
}
.container.kanban-container {
min-height: calc(100vh - 129px - 69px);
}
.kanban-container {
overflow-x: scroll; -webkit-overflow-scrolling: touch;
}
.kanban-container > .row {
flex-wrap: nowrap;
}
.kanban-container > .row > [class*=“col”] {
max-width: $kanban-col-width;
}
// Category
.kanban-category {
min-height: 1rem;
}
// Item
.kanban-item {
outline: none; user-select: none;
}
.kanban-item.draggable-source–is-dragging {
opacity: .2;
}
.kanban-item.draggable-mirror {
z-index: $zindex-fixed;
}
.card-body .kanban-item.draggable-mirror > .card {
transform: rotateZ(-3deg);
}
// Card
.kanban-item > .card {
cursor: pointer;
}
// Add form
.kanban-add-form .form-control {
width: 12ch; // there is no CSS way to set input's width to auto so hardcoding this value
}