From 35a3dd068faddd711bc35c5c2c67de7a72b3a51d Mon Sep 17 00:00:00 2001 From: Saelmala Date: Tue, 3 Dec 2024 09:44:22 +0100 Subject: [PATCH] fix: tooltip placement --- src/components/manage-productions/line-table.tsx | 4 ++-- src/components/manage-productions/manage-productions.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/manage-productions/line-table.tsx b/src/components/manage-productions/line-table.tsx index a88de1f1..90bea7e0 100644 --- 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 index b5802941..48da7e9b 100644 --- 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, });