Progress Commit

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

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

@@ -173,10 +173,7 @@ export function ProductionBoardKanbanComponent({
   const StickyHeader = ({ title }) => (
     <Sticky>
       {({ style }) => (
-        <div
-          className="react-trello-column-header"
-          style={{ ...style, zIndex: "99", backgroundColor: "#e3e3e3", paddingLeft: "5px" }}
-        >
+        <div className="react-trello-column-header" style={{ ...style, zIndex: "99", backgroundColor: "#e3e3e3" }}>
           {title}
         </div>
       )}
@@ -184,7 +181,7 @@ export function ProductionBoardKanbanComponent({
   );
 
   const NormalHeader = ({ title }) => (
-    <div className="react-trello-column-header" style={{ backgroundColor: "#e3e3e3", paddingLeft: "5px" }}>
+    <div className="react-trello-column-header" style={{ backgroundColor: "#e3e3e3" }}>
       {title}
     </div>
   );
@@ -253,7 +250,7 @@ export function ProductionBoardKanbanComponent({
             data={boardLanes}
             draggable
             handleDragEnd={handleDragEnd}
-            style={{ height: "100%", backgroundColor: "transparent" }}
+            style={{ backgroundColor: "transparent" }}
             components={components}
           />
         </div>

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

@@ -81,13 +81,15 @@ export const CustomPopoverContent = styled(PopoverContent)`
 
 export const BoardWrapper = styled.div`
   background-color: #3179ba;
-  overflow-y: hidden;
+  // TODO: This was defaulted to hidden, changed to accommodate board
+  overflow-y: scroll;
   padding: 5px;
   color: #393939;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  height: 100vh;
+  // TODO: This was commented out to match existing board style
+  //height: 100vh;
 `;
 
 export const Header = styled.header`
@@ -104,8 +106,8 @@ export const Section = styled.section`
   position: relative;
   padding: 10px;
   display: inline-flex;
-  height: auto;
-  max-height: 90%;
+  // TODO: This was commented out to match existing board style
+  //max-height: 90%;
   flex-direction: column;
 `;
 
@@ -138,7 +140,8 @@ export const ScrollableLane = styled.div`
   min-width: 250px;
   overflow-x: hidden;
   align-self: center;
-  max-height: 90vh;
+  // TODO: This was commented out to match existing board style
+  //max-height: 90vh;
   margin-top: 10px;
   flex-direction: column;
   justify-content: space-between;