From 5bd2734a474b864c389badbc200d707f56d4e6bc Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 15 Sep 2025 14:05:26 -0700
Subject: [PATCH] error popover love

---
 .../processed-mail-dialog.component.html                 | 9 ++++++---
 .../processed-mail-dialog.component.scss                 | 8 ++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src-ui/src/app/components/manage/mail/processed-mail-dialog/processed-mail-dialog.component.html b/src-ui/src/app/components/manage/mail/processed-mail-dialog/processed-mail-dialog.component.html
index 5f423f886..604e3fd68 100644
--- a/src-ui/src/app/components/manage/mail/processed-mail-dialog/processed-mail-dialog.component.html
+++ b/src-ui/src/app/components/manage/mail/processed-mail-dialog/processed-mail-dialog.component.html
@@ -67,10 +67,13 @@
                 }
               </td>
               <td>
+                <ng-template #errorPopover>
+                  <pre class="small text-light">
+                    {{ mail.error }}
+                  </pre>
+                </ng-template>
                 @if (mail.error) {
-                  <span class="text-danger">{{ mail.error | slice:0:20 }}</span>
-                } @else {
-                  <span class="text-muted" i18n>None</span>
+                  <span class="text-danger" triggers="mouseenter:mouseleave" [ngbPopover]="errorPopover">{{ mail.error | slice:0:20 }}</span>
                 }
               </td>
             </tr>
diff --git a/src-ui/src/app/components/manage/mail/processed-mail-dialog/processed-mail-dialog.component.scss b/src-ui/src/app/components/manage/mail/processed-mail-dialog/processed-mail-dialog.component.scss
index e69de29bb..6aadd8330 100644
--- a/src-ui/src/app/components/manage/mail/processed-mail-dialog/processed-mail-dialog.component.scss
+++ b/src-ui/src/app/components/manage/mail/processed-mail-dialog/processed-mail-dialog.component.scss
@@ -0,0 +1,8 @@
+::ng-deep .popover {
+    max-width: 350px;
+
+    pre {
+        white-space: pre-wrap;
+        word-break: break-word;
+    }
+}