From f090573147660ccc31666b348796d67eecca8cc3 Mon Sep 17 00:00:00 2001
From: Amruth Pillai <im.amruth@gmail.com>
Date: Sun, 26 Nov 2023 15:37:58 +0100
Subject: [PATCH] - fix: add line-clamp-1 on button text, closes #1585 - fix:
 add drag handle icon to panels

---
 .../pages/builder/sidebars/right/sections/information.tsx | 8 ++++----
 libs/ui/src/components/resizable-panel.tsx                | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/pages/builder/sidebars/right/sections/information.tsx b/apps/client/src/pages/builder/sidebars/right/sections/information.tsx
index 8a481bfd..0836443c 100644
--- a/apps/client/src/pages/builder/sidebars/right/sections/information.tsx
+++ b/apps/client/src/pages/builder/sidebars/right/sections/information.tsx
@@ -37,7 +37,7 @@ const DonateCard = () => (
         target="_blank"
       >
         <HandHeart size={14} weight="bold" className="mr-2" />
-        <span>{t`Donate to Reactive Resume`}</span>
+        <span className="line-clamp-1">{t`Donate to Reactive Resume`}</span>
       </a>
     </CardFooter>
   </Card>
@@ -66,7 +66,7 @@ const IssuesCard = () => (
         target="_blank"
       >
         <GithubLogo size={14} weight="bold" className="mr-2" />
-        <span>{t`Raise an issue`}</span>
+        <span className="line-clamp-1">{t`Raise an issue`}</span>
       </a>
 
       <a
@@ -76,7 +76,7 @@ const IssuesCard = () => (
         target="_blank"
       >
         <EnvelopeSimpleOpen size={14} weight="bold" className="mr-2" />
-        <span>{t`Send me a message`}</span>
+        <span className="line-clamp-1">{t`Send me a message`}</span>
       </a>
     </CardFooter>
   </Card>
@@ -107,7 +107,7 @@ const DocumentationCard = () => (
         rel="noopener noreferrer nofollow"
       >
         <Book size={14} weight="bold" className="mr-2" />
-        <span>{t`Documentation`}</span>
+        <span className="line-clamp-1">{t`Documentation`}</span>
       </a>
     </CardFooter>
   </Card>
diff --git a/libs/ui/src/components/resizable-panel.tsx b/libs/ui/src/components/resizable-panel.tsx
index 7e5f3af4..d0dccd6a 100644
--- a/libs/ui/src/components/resizable-panel.tsx
+++ b/libs/ui/src/components/resizable-panel.tsx
@@ -1,3 +1,4 @@
+import { DotsSixVertical } from "@phosphor-icons/react";
 import { cn } from "@reactive-resume/utils";
 import * as PanelPrimitive from "react-resizable-panels";
 
@@ -28,5 +29,9 @@ export const PanelResizeHandle = ({
         )}
       />
     </div>
+
+    <div className="pointer-events-none absolute inset-y-0 left-[-5px] z-50 flex items-center justify-center">
+      <DotsSixVertical size={14} opacity={0.75} />
+    </div>
   </PanelPrimitive.PanelResizeHandle>
 );