Refined empty state for tags

TryGhost · Aug 21, 2019 · 9efdd5c · 9efdd5c
1 parent 0b31dbd
commit 9efdd5c
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 3 deletions.
diff --git a/app/styles/layouts/tags.css b/app/styles/layouts/tags.css
@@ -12,6 +12,11 @@
     margin-bottom: 24px;
 }
 
+.gh-tags-count:hover {
+    color: color-mod(var(--blue) l(-25%) s(+15%));
+    font-weight: 500;
+}
+
 .gh-tag-settings-header h1 {
     font-size: 2.2rem;
     line-height: 1.15em;

diff --git a/app/styles/spirit/_animations.css b/app/styles/spirit/_animations.css
@@ -49,6 +49,13 @@
 }
 
 
+/* Underline */
+
+.underline:hover {
+  text-decoration: underline;
+}
+
+
 /*
 
   Lighter variation

diff --git a/app/templates/components/gh-tags-list-item.hbs b/app/templates/components/gh-tags-list-item.hbs
@@ -14,7 +14,7 @@
 {{/link-to}}
 
 {{#if this.postsCount}}
-    {{#link-to "posts" (query-params type=null author=null tag=tag.slug order=null) class="gh-list-data blue f8" title="List posts with this tag"}}
+    {{#link-to "posts" (query-params type=null author=null tag=tag.slug order=null) class="gh-list-data blue gh-tags-count f8" title=(concat "List posts tagged with '" this.tag.name "'")}}
         <span class="nowrap">{{this.postsLabel}}</span>
     {{/link-to}}
 {{else}}

diff --git a/app/templates/tags.hbs b/app/templates/tags.hbs
@@ -12,7 +12,7 @@
     </header>
 
     <section class="content-list">
-        <ol class="posts-list gh-list {{unless tags "no-posts"}}">
+        <ol class="posts-list gh-list {{unless sortedTags "no-posts"}}">
             {{#if sortedTags}}
                 <li class="gh-list-row header">
                     <div class="gh-list-header gh-list-cellwidth-1-2">Tag</div>

diff --git a/public/assets/icons/tags-placeholder.svg b/public/assets/icons/tags-placeholder.svg