@social-mail/social-mail-client 1.2.736 → 1.2.737

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.736",
+  "version": "1.2.737",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/public/channel/BlogImageService.ts

@@ -30,7 +30,7 @@ export default class BlogImageService {
             });
 
         if (file) {
-            return CDN.toCDNUrl(apiPath(`/social-mail/c/d/${location.hostname}/webp(100)/${file.postID}/${file.appFileID}/${file.name}/${file.name}.100.webp`));
+            return CDN.toCDNUrl(apiPath(`/social-mail/c/d/${location.hostname}/webp(700)/${file.postID}/${file.appFileID}/${file.name}/${file.name}.700.webp`));
         }
 
         return orangeLogo;

package/src/public/channel/ChannelView.tsx

@@ -26,6 +26,15 @@ import ChannelCalendarView from "./ChannelCalendarView";
 import { Mailto } from "../../common/Mailto";
 import CalendarLink from "./controls/CalendarLink";
 import UpcomingEvents from "./controls/UpcomingEvents";
+import { AppLocation } from "../../common/TestMode";
+import WebApp from "@web-atoms/core/dist/web/WebApp";
+
+if(AppLocation.isLocalTesting) {
+
+    WebApp.installStyleSheet("/styles/styler.css");
+    WebApp.installStyleSheet("/styles/vars.css");
+}
+
 
 const { channel, emailID, tag, author, calendar } = UrlService.getParameters();
 
@@ -91,7 +100,7 @@ export default class ChannelMessage extends AtomControl {
         </section>;
     }
 
-    private renderBody() {
+    renderBody() {
 
         if (calendar) {
             return <ChannelCalendarView  channel={this.channel}/>;

package/src/public/channel/PostSummary.tsx

@@ -28,10 +28,12 @@ declare global {
         grid-template-columns: 1fr 2fr auto;
         grid-template-rows: auto auto 1fr auto;
 
+        padding-bottom: 10px;
+
         border-bottom: solid 1px lightgray;
 
-        max-height: 120px;
-        height: 120px;
+        max-height: 285px;
+        height: 285px;
 
         overflow: hidden;
 
@@ -39,15 +41,15 @@ declare global {
 
         gap: 10px;
 
-        cursor: pointer;
+        row-gap: 20px;
 
         & > [data-element=preview] {
             grid-row: 1 / span 4;
             grid-column: 1;
-            background-color: gray;
+            background-color: #343a400d;
             object-fit: contain;
-            width: 100%;
-            height: 120px;
+            width: 275px;
+            height: 275px;
             border: none;
             outline: none;
             text-decoration: none;
@@ -94,39 +96,39 @@ declare global {
         }
 
         & > [data-element=title] {
-            grid-row: 1;
-            grid-column: 2;
+            grid-row: 2;
+            grid-column: 2 / span 2;
+            font-size: 1.5em;
+            line-height: 1.2;
+            text-decoration: none;
             margin: 0;
+            & a {
+                text-decoration: none;
+            }
         }
 
         & > [data-element=date] {
-            grid-row: 2; 
+            grid-row: 1; 
             grid-column: 3;
+            font-size: 0.70rem;
+            line-height: 1;
+            letter-spacing:0.05rem;
             margin: 0;
         }
 
         & > [data-element=author] {
-            grid-row: 2;
+            grid-row: 1;
             grid-column: 2;
+            font-size: 0.70rem;
+            line-height: 1;
+            letter-spacing:0.05rem;
             margin: 0;
         }
 
         & > section {
             grid-row: 3;
-            grid-column: 2;
+            grid-column: 2 / span 2;
             position: relative;
-            max-height: 60px;
-            overflow: hidden;
-            &::after {
-                position: absolute;
-                left: 0;
-                right: 0;
-                top: 0;
-                bottom: 0;
-                content: "";
-                pointer-events: none;
-                background: linear-gradient(to top, rgba(255, 255, 255, 1) 1px, rgba(255, 255, 255, 0) 16px);
-            }
         }
 
         & > footer {
@@ -177,7 +179,15 @@ export default function PostSummary ({
         <h6 data-element="date" href={href} text={DateFormats.relative.short(email.dateSent)}/>
         {!isComment && <h5 href={href} data-element="author" text={email.senderName}/> }
         <section>
-            <section text={email.textBody}/>
+            <section>
+                {email.textBody.substring(0, 110).trim()}
+                {"\xa0"}
+                <a href={href}>
+                    Read More ...
+                    {/* <span lang="en">Read More...</span> */}
+                    {/* <span lang="hi">अधिक जानें...</span> */}
+                </a>
+            </section>
         </section>
         <footer>
             { ... engagements.map((x: IEmailEngagement) =>