diff --git a/apps/x/apps/renderer/src/extensions/email-block.tsx b/apps/x/apps/renderer/src/extensions/email-block.tsx index e2a791bc..01fa6ed6 100644 --- a/apps/x/apps/renderer/src/extensions/email-block.tsx +++ b/apps/x/apps/renderer/src/extensions/email-block.tsx @@ -34,7 +34,8 @@ function formatFullDate(dateStr: string): string { function extractName(from: string): string { const match = from.match(/^([^<]+) c.toUpperCase()) } function getInitial(from: string): string { @@ -132,7 +133,7 @@ function EmailExpandedBody({
{initial}
-
{senderName}
+
{config.from || 'Unknown'}
{config.to && to {config.to}} {config.date && {formatFullDate(config.date)}} @@ -269,7 +270,7 @@ function EmailsBlockView({ node, deleteNode }: { return ( -
e.stopPropagation()}> +
e.stopPropagation()}> {config.title && ( diff --git a/apps/x/apps/renderer/src/styles/editor.css b/apps/x/apps/renderer/src/styles/editor.css index 8973a2f2..89604a4c 100644 --- a/apps/x/apps/renderer/src/styles/editor.css +++ b/apps/x/apps/renderer/src/styles/editor.css @@ -818,6 +818,20 @@ margin: 8px 0; } +/* Merge consecutive email blocks into one unified inbox list */ +.tiptap-editor .ProseMirror .email-block-wrapper + .email-block-wrapper { + margin-top: -1px; +} +.tiptap-editor .ProseMirror .email-block-wrapper:has(+ .email-block-wrapper) .email-block-card { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.tiptap-editor .ProseMirror .email-block-wrapper + .email-block-wrapper .email-block-card { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + + .tiptap-editor .ProseMirror .image-block-card, .tiptap-editor .ProseMirror .embed-block-card, .tiptap-editor .ProseMirror .iframe-block-card, @@ -1419,21 +1433,10 @@ } /* Email block – Gmail style */ -.tiptap-editor .ProseMirror .email-block-card-gmail { - background-color: var(--background); - border: 1px solid var(--border); - border-radius: 8px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 1px rgba(0, 0, 0, 0.06); -} - .tiptap-editor .ProseMirror .email-block-card-gmail { font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } -.tiptap-editor .ProseMirror .email-block-card-gmail:hover { - background-color: var(--background); -} - /* Gmail-style two-column row */ .tiptap-editor .ProseMirror .email-gmail-row { display: flex; @@ -1489,7 +1492,7 @@ .tiptap-editor .ProseMirror .email-gmail-sender { font-size: 14px; - font-weight: 600; + font-weight: 500; font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif; color: var(--foreground); white-space: nowrap; @@ -1822,12 +1825,6 @@ /* ---- Emails inbox block (language-emails) ---- */ .tiptap-editor .ProseMirror .email-inbox-card { - position: relative; - background-color: var(--background); - border: 1px solid var(--border); - border-radius: 8px; - box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 1px 3px 1px rgba(0,0,0,0.06); - overflow: hidden; font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } @@ -1846,9 +1843,9 @@ flex-direction: column; } -/* Each email row */ +/* Each email row — hairline separator only, no card */ .tiptap-editor .ProseMirror .email-inbox-row { - border-bottom: 1px solid color-mix(in srgb, var(--foreground) 7%, transparent); + border-bottom: 1px solid color-mix(in srgb, var(--foreground) 8%, transparent); } .tiptap-editor .ProseMirror .email-inbox-row:last-child { @@ -1859,14 +1856,15 @@ display: flex; align-items: center; gap: 10px; - padding: 8px 12px 8px 10px; + padding: 7px 4px 7px 0; cursor: pointer; transition: background 0.1s ease; user-select: none; + border-radius: 4px; } .tiptap-editor .ProseMirror .email-inbox-row-header:hover { - background: color-mix(in srgb, var(--foreground) 4%, transparent); + background: color-mix(in srgb, var(--foreground) 5%, transparent); } .tiptap-editor .ProseMirror .email-inbox-row.email-inbox-row-expanded .email-inbox-row-header { @@ -1892,7 +1890,7 @@ width: 160px; flex-shrink: 0; font-size: 13.5px; - font-weight: 600; + font-weight: 500; color: var(--foreground); white-space: nowrap; overflow: hidden; @@ -1941,7 +1939,7 @@ /* Expanded content padding */ .tiptap-editor .ProseMirror .email-inbox-expanded-wrap { - padding: 0 16px 16px 16px; + padding: 8px 0 12px 0; border-top: 1px solid color-mix(in srgb, var(--foreground) 6%, transparent); }