Updated post list design for scheduled posts

TryGhost · Nov 25, 2019 · 8802000 · 8802000
1 parent b4adf90
commit 8802000
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/app/styles/layouts/content.css b/app/styles/layouts/content.css
@@ -259,6 +259,10 @@
     background: color-mod(var(--red) a(10%));
 }
 
+.gh-content-status-emailed.scheduled {
+    background: color-mod(var(--green) a(20%));
+}
+
 .gh-content-entry-author {
     color: var(--middarkgrey);
 }

diff --git a/app/templates/components/gh-posts-list-item.hbs b/app/templates/components/gh-posts-list-item.hbs
@@ -44,9 +44,21 @@
         {{/if}}
 
         {{#if (or this.post.email (and this.post.isScheduled this.post.sendEmailWhenPublished))}}
-        <span data-tooltip={{if (eq this.post.email.status "failed") "Failed to send post by email" "Sent by email"}} class="gh-content-status-emailed {{if (eq this.post.email.status "failed") "error"}}">
-            {{svg-jar "send-email" class=(if (eq this.post.email.status "failed") "stroke-red" "stroke-midgrey")}}
-        </span>
+            {{#if (eq this.post.email.status "failed")}}
+                <span data-tooltip="Failed to send post by email" class="gh-content-status-emailed error">
+                    {{svg-jar "send-email" class="stroke-red"}}
+                </span>
+            {{else}}
+                {{#if this.isScheduled}}
+                    <span data-tooltip="To be sent by email" class="gh-content-status-emailed scheduled">
+                        {{svg-jar "send-email" class="stroke-green-d2"}}
+                    </span>
+                {{else}}
+                    <span data-tooltip="Sent by email" class="gh-content-status-emailed">
+                        {{svg-jar "send-email" class="stroke-midgrey"}}
+                    </span>
+                {{/if}}
+            {{/if}}
         {{/if}}
     </div>
 {{/link-to}}