diff --git a/desktop/src/shared/ui/compact-link-preview-attachment.tsx b/desktop/src/shared/ui/compact-link-preview-attachment.tsx index 73ec277699..b108048091 100644 --- a/desktop/src/shared/ui/compact-link-preview-attachment.tsx +++ b/desktop/src/shared/ui/compact-link-preview-attachment.tsx @@ -69,7 +69,7 @@ export function CompactLinkPreviewAttachment({ ) : null} {hostname} - + {preview.title} {preview.description ? ( diff --git a/desktop/src/shared/ui/rich-link-preview-attachment.tsx b/desktop/src/shared/ui/rich-link-preview-attachment.tsx index 83094db458..39f99dc13e 100644 --- a/desktop/src/shared/ui/rich-link-preview-attachment.tsx +++ b/desktop/src/shared/ui/rich-link-preview-attachment.tsx @@ -171,7 +171,7 @@ function TweetPreview({ {contentExpanded && preview.description ? ( ) : null} @@ -271,7 +271,7 @@ export function RichLinkPreviewAttachment({ {contentExpanded && preview.description ? ( ) : null} diff --git a/desktop/tests/e2e/messaging.spec.ts b/desktop/tests/e2e/messaging.spec.ts index 9e14e2f19c..5b4573eab5 100644 --- a/desktop/tests/e2e/messaging.spec.ts +++ b/desktop/tests/e2e/messaging.spec.ts @@ -500,6 +500,10 @@ test("link preview no-image layout keeps compact height", async ({ page }) => { card.locator('[data-slot="attachment-description"]'), ).toHaveText("Open-source collaboration for the Buzz app."); await expect(card).toHaveCSS("border-left-width", "3px"); + const title = card.locator('[data-slot="attachment-title"]'); + await card.hover(); + await expect(hostnameLink).toHaveCSS("text-decoration-line", "underline"); + await expect(title).toHaveCSS("text-decoration-line", "underline"); const resolved = await card.evaluate((element) => ({ height: element.getBoundingClientRect().height, textLeft: element