diff --git a/client/src/components/production-board-kanban/production-board-kanban.component.jsx b/client/src/components/production-board-kanban/production-board-kanban.component.jsx index 81217c3b3..086ec0f65 100644 --- a/client/src/components/production-board-kanban/production-board-kanban.component.jsx +++ b/client/src/components/production-board-kanban/production-board-kanban.component.jsx @@ -173,10 +173,7 @@ export function ProductionBoardKanbanComponent({ const StickyHeader = ({ title }) => ( {({ style }) => ( -
+
{title}
)} @@ -184,7 +181,7 @@ export function ProductionBoardKanbanComponent({ ); const NormalHeader = ({ title }) => ( -
+
{title}
); @@ -253,7 +250,7 @@ export function ProductionBoardKanbanComponent({ data={boardLanes} draggable handleDragEnd={handleDragEnd} - style={{ height: "100%", backgroundColor: "transparent" }} + style={{ backgroundColor: "transparent" }} components={components} />
diff --git a/client/src/components/trello-board/styles/Base.js b/client/src/components/trello-board/styles/Base.js index 218439775..d3a11f1bd 100644 --- a/client/src/components/trello-board/styles/Base.js +++ b/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;