From 9bb5a5d388a48af3747f35973cf03e343360dc5f Mon Sep 17 00:00:00 2001
From: Hakan Shehu <hakanshehu15@gmail.com>
Date: Tue, 21 Jan 2025 13:15:43 +0100
Subject: [PATCH] Fix text render for url value hover card

---
 .../components/records/values/record-url-value.tsx     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/desktop/src/renderer/components/records/values/record-url-value.tsx b/apps/desktop/src/renderer/components/records/values/record-url-value.tsx
index 3640f8fe..fdee6caa 100644
--- a/apps/desktop/src/renderer/components/records/values/record-url-value.tsx
+++ b/apps/desktop/src/renderer/components/records/values/record-url-value.tsx
@@ -1,4 +1,4 @@
-import { isValidUrl,UrlFieldAttributes } from '@colanode/core';
+import { isValidUrl, UrlFieldAttributes } from '@colanode/core';
 import { ExternalLink } from 'lucide-react';
 
 import {
@@ -48,12 +48,12 @@ export const RecordUrlValue = ({ field, readOnly }: RecordUrlValueProps) => {
       </HoverCardTrigger>
       <HoverCardContent
         className={cn(
-          'flex w-full min-w-80 max-w-128 flex-row items-center justify-between gap-2 text-ellipsis',
+          'flex w-full min-w-80 max-w-128 flex-row items-center justify-between gap-2 overflow-hidden',
           !canOpen && 'hidden'
         )}
       >
-        <span
-          className="text-blue-500 underline hover:cursor-pointer hover:text-blue-600"
+        <a
+          className="text-blue-500 underline hover:cursor-pointer hover:text-blue-600 text-ellipsis w-full overflow-hidden whitespace-nowrap"
           onClick={() => {
             if (!canOpen) return;
 
@@ -64,7 +64,7 @@ export const RecordUrlValue = ({ field, readOnly }: RecordUrlValueProps) => {
           }}
         >
           {url}
-        </span>
+        </a>
         <ExternalLink className="size-4 min-h-4 min-w-4 text-muted-foreground" />
       </HoverCardContent>
     </HoverCard>