Updated emailed status in posts list and added email icon to scheduled posts

Refs https://github.com/TryGhost/Team/issues/954

ghost/admin/app/components/gh-posts-list-item.hbs

@@ -54,8 +54,11 @@
     <LinkTo @route="editor.edit" @models={{array @post.displayName @post.id}} class="permalink gh-list-data gh-post-list-status">
         <div class="flex items-center">
             {{#if @post.isScheduled}}
-            <span class="gh-content-status-draft gh-badge nowrap" title="Scheduled" data-tooltip="{{capitalize this.scheduledText}} to {{@post.emailRecipientFilter}} members">
+            <span class="gh-content-status-scheduled gh-badge nowrap" title="Scheduled" data-tooltip="{{capitalize this.scheduledText}} to {{@post.emailRecipientFilter}} members">
                 Scheduled
+                {{#if @post.emailRecipientFilter}}
+                {{svg-jar "email-stroke"}}
+                {{/if}}
             </span>
             {{/if}}
 
@@ -69,14 +72,14 @@
             <span class="gh-content-status-published nowrap">
                 Published
                 {{#if @post.hasEmail}}
-                <span>{{svg-jar "email-unread"}}</span>
+                {{svg-jar "email-stroke"}}
                 {{/if}}
             </span>
             {{/if}}
 
             {{#if @post.isSent}}
             <span class="gh-content-status-emailed nowrap">
-                <span>{{svg-jar "email-unread"}}</span>
+                {{svg-jar "email-stroke"}}
             </span>
             {{/if}}
         </div>

ghost/admin/app/styles/layouts/content.css

@@ -236,18 +236,16 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 19px;
+    height: 20px;
     padding: 0 9px;
 }
 
 .gh-content-status-published {
-    color: var(--midgrey);
+    color: var(--midgrey-d1);
     background: var(--whitegrey);
-    display: inline-block;
     border-radius: 999px;
     text-transform: uppercase;
     font-size: 1.2rem;
-    padding: 0 9px;
     font-weight: 500;
 }
 
@@ -271,18 +269,33 @@
 }
 
 .gh-content-status-emailed {
-    display: inline-block;
     margin: 0px 6px;
-    color: var(--midgrey);
+    color: var(--midgrey-d1);
     background: var(--whitegrey);
-    border-radius: 3px;
+    border-radius: 999px;
 }
 
 .gh-content-status-emailed svg,
-.gh-content-status-published svg {
+.gh-content-status-published svg,
+.gh-content-status-scheduled svg {
     width: 12px;
     height: 12px;
-    fill: var(--midgrey);
+}
+
+.gh-content-status-emailed svg path,
+.gh-content-status-published svg path {
+    stroke: var(--midgrey-d1);
+    stroke-width: 2;
+}
+
+.gh-content-status-scheduled svg path {
+    stroke: var(--green-d2);
+    stroke-width: 2;
+}
+
+.gh-content-status-published svg,
+.gh-content-status-scheduled svg {
+    margin-left: 6px;
 }
 
 .gh-content-status-emailed.error {

ghost/admin/public/assets/icons/email-stroke.svg

@@ -1 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>email-action-unread</title><rect class="a" x="1.5" y="4.75" width="21" height="15" rx="1.5" ry="1.5"/><path class="a" d="M22.161,5.3l-8.144,6.264a3.308,3.308,0,0,1-4.034,0L1.839,5.3"/></svg>
+<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21 4.75H3a1.5 1.5 0 00-1.5 1.5v12a1.5 1.5 0 001.5 1.5h18a1.5 1.5 0 001.5-1.5v-12a1.5 1.5 0 00-1.5-1.5z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22.16 5.3l-8.143 6.264a3.308 3.308 0 01-4.034 0L1.839 5.3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>