fix: tooltip pos adjustment

Eyevinn · Dec 3, 2024 · 002e7fa · 002e7fa
1 parent 35a3dd0
commit 002e7fa
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git 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 (
     <TableContainer lines={lines}>
       <TableBody>

diff --git 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<MobileLayout>`
+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 = () => {
             </strong>
           </DecorativeLabel>
         )}
-        <FlexContainer isMobile={isMobile}>
+        <FlexContainer>
           <SubFlexContainer>
             <SubContainers isMobile={isMobile}>
               {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
@@ -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;