61 lines
1.2 KiB
CSS
61 lines
1.2 KiB
CSS
.virtualized-task-list {
|
|
background: transparent;
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.virtualized-task-row {
|
|
padding: 4px 0;
|
|
display: flex;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.virtualized-empty-state {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: var(--ant-color-bg-container);
|
|
border-radius: 6px;
|
|
border: 2px dashed var(--ant-color-border);
|
|
}
|
|
|
|
.empty-message {
|
|
color: var(--ant-color-text-secondary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/* Ensure virtualized list works well with drag and drop */
|
|
.virtualized-task-list .react-window__inner {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
/* Performance optimizations */
|
|
.virtualized-task-list * {
|
|
will-change: transform;
|
|
}
|
|
|
|
/* Smooth scrolling */
|
|
.virtualized-task-list {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/* Custom scrollbar for better UX */
|
|
.virtualized-task-list::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
|
|
.virtualized-task-list::-webkit-scrollbar-track {
|
|
background: var(--ant-color-bg-container);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.virtualized-task-list::-webkit-scrollbar-thumb {
|
|
background: var(--ant-color-border);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.virtualized-task-list::-webkit-scrollbar-thumb:hover {
|
|
background: var(--ant-color-text-tertiary);
|
|
}
|