Checkpoint

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/production-board-kanban/production-board-kanban.component.jsx

@@ -54,7 +54,7 @@ export function ProductionBoardKanbanComponent({
 
   const [isMoving, setIsMoving] = useState(false);
 
-  const [orientation, setOrientation] = useState("vertical");
+  const [orientation, setOrientation] = useState("horizontal");
 
   const { t } = useTranslation();
 

client/src/components/trello-board/controllers/Lane.jsx

@@ -192,7 +192,7 @@ class Lane extends Component {
     return (
       <components.ScrollableLane ref={this.laneDidMount} isDraggingOver={isDraggingOver}>
         <Container
-          // orientation={orientation === "horizontal" ? "vertical" : "horizontal"}
+          orientation={orientation === "horizontal" ? "vertical" : "horizontal"}
           groupName={this.groupName}
           dragClass={cardDragClass}
           dropClass={cardDropClass}

client/src/components/trello-board/styles/Base.js

@@ -66,7 +66,9 @@ export const GlobalStyleVertical = createGlobalStyle`
     -webkit-user-modify: read-write-plaintext-only;
     cursor: text;
   }
-  
+  .smooth-dnd-container.horizontal {
+
+  }
   
   .comPlainTextContentEditable--has-placeholder::before {
     content: attr(placeholder);
@@ -101,12 +103,7 @@ export const GlobalStyleVertical = createGlobalStyle`
   .smooth-dnd-container {
     //min-height: 100px; // Not needed, just for extra landing space
   }
-
-  .smooth-dnd-container.horizontal {
-    white-space: break-spaces;
-    flex-direction: column;
-  }
-
+  
   .react-trello-lane {
     border: 1px solid #ccc;
     border-radius: 5px;