Refined email icon on post list

TryGhost · Nov 8, 2019 · 4da4a34 · 4da4a34
1 parent a360859
commit 4da4a34
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/app/styles/layouts/content.css b/app/styles/layouts/content.css
@@ -238,6 +238,11 @@
     margin: -30px 0 15px;
 }
 
+.gh-post-list-email {
+    padding: 0 15px 2px;
+    width: 1px;
+}
+
 /* Mobile style of post list */
 @media (max-width: 1000px) {
     .gh-posts-list-item {

diff --git a/app/templates/components/gh-posts-list-item.hbs b/app/templates/components/gh-posts-list-item.hbs
@@ -22,19 +22,21 @@
 
 {{#link-to "editor.edit" this.post.displayName this.post.id class="permalink gh-list-data gh-post-list-status" title="Edit this post"}}
     {{#if this.isScheduled}}
-    <span class="gh-content-status-draft gh-badge nowrap">Scheduled</span>
+    <span class="gh-content-status-draft gh-badge nowrap">
+        Scheduled 
+    </span>
     {{/if}}
 
     {{#if this.isDraft}}
-    <span class="gh-content-status-draft gh-badge gh-badge-purple nowrap">Draft</span>
+    <span class="gh-content-status-draft gh-badge gh-badge-purple nowrap">
+        Draft
+    </span>
     {{/if}}
 
     {{#if (and this.isPublished (not this.post.page))}}
-    <span class="gh-content-status-published nowrap">Published</span>
-    {{/if}}
-
-    {{#if this.post.email}}
-        <span class="dib w5">{{svg-jar "email"}}</span>
+    <span class="gh-content-status-published nowrap" title="Post has been sent by email">
+        Published 
+    </span>
     {{/if}}
 {{/link-to}}
 
@@ -44,4 +46,10 @@
 
 {{#link-to "editor.edit" this.post.displayName this.post.id class="permalink gh-list-data gh-post-list-author" title="Edit this post"}}
     <span class="gh-content-entry-author">{{this.authorNames}}</span>
+{{/link-to}}
+
+{{#link-to "editor.edit" this.post.displayName this.post.id class="permalink gh-list-data gh-post-list-email" title="Post has been sent by email"}}
+    {{#if this.post.email}}
+        {{svg-jar "email" class="w4 h4 fill-midgrey nudge-top--4"}}
+    {{/if}}
 {{/link-to}}
diff --git a/app/templates/posts.hbs b/app/templates/posts.hbs
@@ -90,6 +90,7 @@
                     <div class="gh-list-header">Status</div>
                     <div class="gh-list-header">Last update</div>
                     <div class="gh-list-header">Authors</div>
+                    <div class="gh-list-header no-padding"></div>
                 </li>
             {{/if}}