- MAJOR DND PROGRESS UPDATE

Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-06-12 17:27:38 -04:00
parent 10f60752c8
commit a8f2ca5643
23 changed files with 113 additions and 2526 deletions

View File

@@ -82,30 +82,12 @@ export const StyleVertical = styled.div`
// TODO ? This is the question. We need the same drag-zone we get in horizontal mode
min-height: 50px; // Not needed, just for extra landing space
}
.smooth-dnd-container.horizontal {
// TODO: This is what is currently providing us multi row cols, and may need to be adjusted with new DND Library
display: flex; /* Allows wrapping */
flex-wrap: wrap; /* Allows wrapping */
//background-color: yellow !important;
}
.smooth-dnd-ghost {
//background-color: red !important;
}
.react-trello-card {
//background-color: orange !important;
margin: 5px;
// TODO: This is what is currently providing us multi row cols, and may need to be adjusted with new DND Library
flex: 0 1 auto;
}
.smooth-dnd-stretcher-element {
//background-color: purple !important;
}
.smooth-dnd-draggable-wrapper {
//background-color: blue !important;
flex: 0 1 auto; /* Allows items to grow and shrink */
}
.react-trello-board {
overflow-y: hidden !important;
display: flex;
}
`;