fix: tooltip placement

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

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/manage-productions/line-table.tsx b/src/components/manage-productions/line-table.tsx
@@ -10,7 +10,7 @@ const TableContainer = styled.div`
   border: 0.1rem solid #6d6d6d;
   border-radius: 0.5rem;
   overflow-y: scroll;
-  width: ${isMobile ? "100%" : "55rem"};
+  width: ${isMobile ? "100%" : "45rem"};
   max-height: 35rem;
   border-bottom: ${({ lines }: { lines: TLine[] | undefined }) =>
     lines && lines.length === 0 ? "0.1rem solid #6d6d6d" : "none"};
@@ -41,7 +41,7 @@ const TableRow = styled.tr`
 `;
 
 const TableCell = styled.td`
-  padding: 1.8rem;
+  padding: 1.5rem;
   border: 0.1rem solid #6d6d6d;
   border-left: none;
   border-right: none;

diff --git a/src/components/manage-productions/manage-productions.tsx b/src/components/manage-productions/manage-productions.tsx
@@ -171,8 +171,8 @@ export const ManageProductions = () => {
     setTooltipText(fullText);
 
     setTooltipPosition({
-      top: rect.top + window.scrollY + rect.height + 5,
-      left: rect.left + window.scrollX,
+      top: rect.top - 10,
+      left: rect.left + 10,
       visibility: "visible",
       opacity: 1,
     });