From 00c6295edfc5e2d666ea605ca3a869f1d14884dc Mon Sep 17 00:00:00 2001
From: weilirs <weilirs@umich.edu>
Date: Tue, 12 Nov 2024 11:32:19 +0800
Subject: [PATCH] fix: prevent writing assistant's trigger from being invisible

---
 src/components/WritingAssistant/WritingAssistant.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/WritingAssistant/WritingAssistant.tsx b/src/components/WritingAssistant/WritingAssistant.tsx
index d615a563..1dcbad10 100644
--- a/src/components/WritingAssistant/WritingAssistant.tsx
+++ b/src/components/WritingAssistant/WritingAssistant.tsx
@@ -388,8 +388,8 @@ const WritingAssistant: React.FC = () => {
         <Popover>
           <PopoverTrigger
             style={{
-              top: `${highlightData.position.top}px`,
-              left: `${highlightData.position.left + 30}px`,
+              top: `${Math.max(highlightData.position.top + 30, 10)}px`,
+              left: `${Math.min(highlightData.position.left, window.innerWidth - 550)}px`,
               zIndex: 50,
             }}
             className="absolute flex size-7 cursor-pointer items-center justify-center rounded-full border-none bg-gray-200 text-gray-600 shadow-md hover:bg-gray-300"
@@ -404,7 +404,7 @@ const WritingAssistant: React.FC = () => {
               ref={optionsContainerRef}
               style={{
                 position: 'absolute',
-                transform: 'translate(-50%, -50%)',
+                transform: 'translate(-50%, -40%)',
               }}
               className="absolute z-50 w-96 rounded-md border border-gray-300 bg-white p-2.5"
             >