@social-mail/social-mail-client 1.1.11 → 1.1.16

package/dist/admin/AdminAppIndex.pack.js

@@ -30003,7 +30003,11 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               text: "..."
             }));
             const html = yield FetchBuilder.get(`/api/files/html/${appFileID}/${fileContentID}/${name}/${name}.html`).responseAsText();
-            this.renderer = XNode.create("div", null, XNode.create("div", Object.assign({}, renderHTML(html))));
+            this.renderer = XNode.create("div", {
+              "style-overflow-y": "hidden"
+            }, XNode.create("div", Object.assign({
+              "data-overflow": "auto"
+            }, renderHTML(html))));
           });
         }
       });
@@ -30653,7 +30657,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             })));
             const webm = `/api/files/webm/${appFileID}/${fileContentID}/${name}/${name}.webm`;
             const webp = `/api/files/webp/${appFileID}/${fileContentID}/${name}/${name}.webp`;
-            this.renderer = XNode.create("div", null, XNode.create(AtomVideoPlayer, {
+            this.renderer = XNode.create("div", {
+              "data-display": "grid",
+              "data-align-items": "stretch"
+            }, XNode.create(AtomVideoPlayer, {
               poster: webp,
               source: webm
             }));
@@ -30778,7 +30785,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/
 
   var XNode, styled, toFileSize, AppCommands;
   function FilePreview(a) {
-    const size = toFileSize(a.fileSize);
+    const size = a.fileSize && toFileSize(a.fileSize);
     const {
       appFileID,
       name,
@@ -30795,31 +30802,25 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/
       return XNode.create("a", {
         href: command.displayRoute(p),
         "data-click-event": "route",
+        title: size ? `${name} (${size})` : name,
         "data-file-preview": "file-preview"
       }, XNode.create("img", {
         "data-element": "preview",
         src: src
       }), XNode.create("label", {
-        "data-element": "file-name",
-        text: a.name
-      }), XNode.create("label", {
-        "data-element": "file-size",
-        text: size
-      }));
+        "data-element": "file-name"
+      }, name));
     }
     return XNode.create("a", {
       href: a.downloadUrl,
+      title: size ? `${name} (${size})` : name,
       target: "_blank",
       "data-file-preview": "attachment"
     }, XNode.create("i", {
       class: "fas fa-paperclip"
     }), XNode.create("label", {
-      "data-element": "file-name",
-      text: a.name
-    }), XNode.create("label", {
-      "data-element": "file-size",
-      text: size
-    }));
+      "data-element": "file-name"
+    }, name));
   }
   _export("default", FilePreview);
   return {
@@ -30836,10 +30837,9 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/
       styled.css`
         border: solid 2px lightgray;
         display: inline-grid;
-        padding: 10px;
         margin: 5px;
         height: 150px;
-        width: 150px;
+        width: 180px;
         text-decoration: none;
         grid-template-columns: auto 1fr auto;
         grid-template-rows: 1fr auto;
@@ -30849,19 +30849,26 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/
         & > [data-element=preview] {
             grid-column: 1 / span 3;
             grid-row: 1;
-            max-width: 130px;
-            max-height: 100px;
+            padding-left: 10px;
+            padding-top: 10px;
+            padding-right: 10px;
+            overflow: hidden;
+            justify-self: stretch;
+            align-self: start;
+            max-width: 160px;
         }
         & > [data-element=icon] {
             grid-column: 1;
             grid-row: 2;
         }
         & > [data-element=file-name] {
-            grid-column: 2;
+            grid-column: 1 / span 3;
             grid-row: 2;
+            padding: 10px;
             text-overflow: ellipsis;
             overflow: hidden;
-            margin-right: 5px;
+            background-color: var(--accent-color);
+            color: var(--accent-text-color);
         }
         & > [data-element=file-size] {
             grid-column: 3;
@@ -37380,7 +37387,7 @@ System.register(["@web-atoms/core/dist/core/XNode"], function (_export, _context
     execute: function () {
       _export("ModuleInfo", ModuleInfo = typeof moduleInfo === "undefined" ? [] : [XNode.create("div", {
         title: `${moduleInfo.server.package}@${moduleInfo.server.version}`
-      }, moduleInfo.server.version), XNode.create("div", {
+      }, moduleInfo.server.version), " | ", XNode.create("div", {
         title: `${moduleInfo.ui.package}@${moduleInfo.ui.version}`
       }, moduleInfo.ui.version)]);
     }