diff --git a/src/components/manage-productions/line-table.tsx b/src/components/manage-productions/line-table.tsx index 90bea7e0..d58b45ad 100644 --- a/src/components/manage-productions/line-table.tsx +++ b/src/components/manage-productions/line-table.tsx @@ -212,6 +212,10 @@ export const LineTable = ({ }; }, [removeLine]); + // TODO: Remove logs + console.log("TOOLTIP POSITION", tooltipPosition); + console.log("TOOLTIP TEXT:", tooltipText); + return ( diff --git a/src/components/manage-productions/manage-productions.tsx b/src/components/manage-productions/manage-productions.tsx index 48da7e9b..3a251b8c 100644 --- a/src/components/manage-productions/manage-productions.tsx +++ b/src/components/manage-productions/manage-productions.tsx @@ -94,7 +94,7 @@ const SubFlexContainer = styled.div` ${isMobile ? "" : `align-items: flex-start;`} `; -const FlexContainer = styled.div` +const FlexContainer = styled.div` margin-top: 2rem; display: flex; @@ -171,7 +171,7 @@ export const ManageProductions = () => { setTooltipText(fullText); setTooltipPosition({ - top: rect.top - 10, + top: rect.top + 5, left: rect.left + 10, visibility: "visible", opacity: 1, @@ -274,7 +274,7 @@ export const ManageProductions = () => { )} - + {isMobile && ( diff --git a/src/components/production-line/long-press-to-talk-button.tsx b/src/components/production-line/long-press-to-talk-button.tsx index dcc4ca89..adaa2461 100644 --- a/src/components/production-line/long-press-to-talk-button.tsx +++ b/src/components/production-line/long-press-to-talk-button.tsx @@ -8,7 +8,7 @@ type TLongPressToTalkButton = { }; const Button = styled(PrimaryButton)` - background: rgba(50, 56, 59, 100); + background: rgba(50, 56, 59, 1); color: white; border: 0.2rem solid #6d6d6d; position: relative;