diff --git a/desktop/src/shared/ui/compact-link-preview-attachment.tsx b/desktop/src/shared/ui/compact-link-preview-attachment.tsx index e03b9246a..90fbf448a 100644 --- a/desktop/src/shared/ui/compact-link-preview-attachment.tsx +++ b/desktop/src/shared/ui/compact-link-preview-attachment.tsx @@ -152,7 +152,7 @@ export function CompactLinkPreviewAttachment({ @@ -183,9 +183,9 @@ export function CompactLinkPreviewAttachment({ )} - +
{reserveImage && preview.faviconDataUrl ? ( @@ -201,19 +201,13 @@ export function CompactLinkPreviewAttachment({ {reserveImage ? hostname : preview.provider}
- + {preview.title} {reserveImage && preview.description ? ( - {preview.description} + + {preview.description} + ) : null}
diff --git a/desktop/tests/e2e/messaging.spec.ts b/desktop/tests/e2e/messaging.spec.ts index 6fc902614..f2668efee 100644 --- a/desktop/tests/e2e/messaging.spec.ts +++ b/desktop/tests/e2e/messaging.spec.ts @@ -428,15 +428,15 @@ test("link preview image geometry stays stable while loading", async ({ })); expect(pending.width).toBe(width < 640 ? 325 : 384); - expect(pending.height).toBe(80); - expect(pending.textInset).toBe(12); - expect(pending.thumbnailHeight).toBe(80); + expect(pending.height).toBe(88); + expect(pending.textInset).toBe(8); + expect(pending.thumbnailHeight).toBe(88); expect(loaded.height).toBe(pending.height); expect(loaded.textLeft).toBe(pending.textLeft); expect(loaded.thumbnailHeight).toBe(pending.thumbnailHeight); expect(loaded.thumbnailWidth).toBe(pending.thumbnailWidth); - expect(loaded.thumbnailWidth).toBe(width < 640 ? 112 : 128); - expect(loaded.titleClass).toContain("truncate"); + expect(loaded.thumbnailWidth).toBe(width < 640 ? 120 : 136); + expect(loaded.titleClass).toContain("line-clamp-2"); expect(loaded.description).toBe( "A polished, stable preview for shared links.", );