@social-mail/social-mail-client 1.0.81 → 1.0.82

package/dist/admin/AdminAppIndex.pack.js

@@ -29494,15 +29494,20 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
     grid-template-columns: 1fr minmax(200px, 5fr) auto;
 }
 
+& [data-page-element=content] {
+    background-color: #80808030;
+}
+
     & .threads {
         display: flex;
         gap: 5px;
         flex-direction: column;
         overflow-x: hidden !important;
         & .mailbox-thread {
+            background-color: canvas;
             display: grid;
             grid-template-columns: 1fr auto auto;
-            grid-template-rows: auto 1fr;
+            grid-template-rows: 1fr auto auto;
             gap: 5px;
             padding: 5px;
             padding-left: 10px;
@@ -29514,14 +29519,29 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             & > .name {
                 grid-row: 1;
                 grid-column: 1;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
             }
-            & > .email-address {
+            & > .subject {
                 grid-row: 2;
                 grid-column: 1;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                font-size: smaller;
+            }
+            & > .summary {
+                grid-row: 3;
+                grid-column: 1;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                font-size: smaller;
             }
             & > .unread {
                 grid-column: 2;
-                grid-row: 1 / span 2;
+                grid-row: 1 / span 3;
                 place-self: center;
                 font-weight: bold;
                 border-radius: 9999px;
@@ -29614,20 +29634,26 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               version: this.version,
               cancelToken
             })), {
-              itemRenderer: item => XNode.create("div", {
-                class: "mailbox-thread",
-                "data-unread": item.unread > 0
-              }, XNode.create("div", {
-                class: "name",
-                text: displayName(item)
-              }), XNode.create("div", {
-                class: "email-address",
-                text: item.emailAddress.emailAddress
-              }), item.unread && XNode.create("div", {
-                class: "unread",
-                text: item.unread,
-                title: `Unread ${item.unread} out of ${item.total}`
-              }))
+              itemRenderer: item => {
+                var _a, _b;
+                return XNode.create("div", {
+                  class: "mailbox-thread",
+                  "data-unread": item.unread > 0
+                }, XNode.create("div", {
+                  class: "name",
+                  text: displayName(item) + " " + item.emailAddress.emailAddress
+                }), XNode.create("div", {
+                  class: "subject",
+                  text: (_a = item.lastEmail) === null || _a === void 0 ? void 0 : _a.subject
+                }), XNode.create("div", {
+                  class: "summary",
+                  text: (_b = item.lastEmail) === null || _b === void 0 ? void 0 : _b.summary
+                }), item.unread && XNode.create("div", {
+                  class: "unread",
+                  text: item.unread,
+                  title: `Unread ${item.unread} out of ${item.total}`
+                }));
+              }
             })));
             this.registerDisposable(yield this.resolve(MailboxSocket).join(this.currentMailbox.mailboxID.toString(), {
               newMail: (_, emailAddressID, emailID) => {