- CSS Fine tuning :(

Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-06-18 15:22:06 -04:00
parent 78d6b9699b
commit 19c980bc3b
3 changed files with 28 additions and 34 deletions

View File

@@ -99,7 +99,13 @@ export function ProductionBoardKanbanComponent({
const client = useApolloClient();
const getCardById = (data, cardId) => {
/**
* Get Card By ID
* @param data
* @param cardId
* @returns {*|any|null}
*/
const getCardByID = (data, cardId) => {
for (const lane of data.lanes) {
for (const card of lane.cards) {
if (card.id === cardId) {
@@ -122,7 +128,7 @@ export function ProductionBoardKanbanComponent({
const sameColumnTransfer = source.droppableId === destination.droppableId;
const targetLane = boardLanes.lanes[Number.parseInt(destination.droppableId)];
const sourceLane = boardLanes.lanes[Number.parseInt(source.droppableId)];
const sourceCard = getCardById(boardLanes, draggableId);
const sourceCard = getCardByID(boardLanes, draggableId);
console.dir({
sameColumnTransfer,
@@ -231,6 +237,7 @@ export function ProductionBoardKanbanComponent({
xl: "250",
xxl: "250"
};
const compactSizes = {
xs: "150",
sm: "150",
@@ -324,7 +331,6 @@ export function ProductionBoardKanbanComponent({
components={components}
orientation={orientation}
collapsibleLanes
laneDraggable={false}
/>
</StickyContainer>
) : (
@@ -336,7 +342,6 @@ export function ProductionBoardKanbanComponent({
components={components}
collapsibleLanes
orientation={orientation}
laneDraggable={false}
/>
</div>
)}
@@ -348,7 +353,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(ProductionBoardKanba
const Container = styled.div`
.react-trello-card-skeleton,
.react-trello-card,
.react-trel lo-card,
.react-trello-card-adder-form {
box-sizing: border-box;
max-width: ${(props) => props.width}px;