Merge pull request #407 from itsdheerajdp/Fixes/AI_Assistant_Options_…

…Hidden_Issue Feat : AI Assistant Options Partially Hidden or Not Visible While Scrolling down the page and Selecting Text
reorproject · Sep 23, 2024 · 022a0e5 · 022a0e5
2 parents f9500d3 + 2d6ae94
commit 022a0e5
Show file tree

Hide file tree

Showing 5 changed files with 372 additions and 62 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-hover-card": "^1.1.1",
     "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.0",
     "@sentry/electron": "^5.3.0",
     "@tailwindcss/typography": "^0.5.10",

diff --git a/src/components/Editor/HighlightExtension.tsx b/src/components/Editor/HighlightExtension.tsx
@@ -24,7 +24,7 @@ const HighlightExtension = (setHighlightData: (data: HighlightData) => void) =>
                   const { top, left, right } = editorView.coordsAtPos(to)
 
                   // Calculate the button position below the last word
-                  const buttonTop = top >= window.innerHeight ? 20 : top - 35 // Adjust the vertical offset as needed
+                  const buttonTop = top >= window.innerHeight ? 50 : top - 125 // Adjust the vertical offset as needed
                   const buttonLeft = (left + right) / 2 - 190 // Position the button horizontally centered
                   setHighlightData({
                     text: highlightedText,