admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Progress Commit

Browse Source 
Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-05-13 19:52:32 -04:00
parent a0b9f99dd3
commit 095e1e9789
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/production-board-kanban/production-board-kanban.component.jsx
View File

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

13
client/src/components/trello-board/styles/Base.js
View File

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