Add link to tags list to tags on content details

static/src/scss/_content.scss

@@ -23,6 +23,14 @@ section.content {
     margin-right: $icon-text-spacing * 3;
     align-items: center;
 
+    .icon a {
+      color: inherit;
+
+      &:hover {
+        color: $link;
+      }
+    }
+
     span:not(.icon) + span {
       margin-left: $icon-text-spacing;
     }

website/blog/models.py

@@ -1,4 +1,4 @@
-from typing import Any, Type
+from typing import Any, Optional, Type
 
 from django.db import models
 from django.db.models.functions import TruncMonth
@@ -11,6 +11,7 @@ from wagtailautocomplete.edit_handlers import AutocompletePanel
 from website.common.models import BaseContentPage, BaseListingPage
 from website.common.utils import TocEntry, prefetch_for_listing
 from website.common.views import ContentPageFeed
+from website.contrib.singleton_page.utils import SingletonPageCache
 
 
 class BlogPostListPage(BaseListingPage):
@@ -66,6 +67,10 @@ class BlogPostPage(BaseContentPage):
         AutocompletePanel("tags"),
     ]
 
+    @cached_property
+    def tag_list_page_url(self) -> Optional[str]:
+        return SingletonPageCache.get_url(BlogPostTagListPage)
+
 
 class BlogPostTagListPage(BaseListingPage):
     max_count = 1

website/common/templates/common/content-details.html

@@ -23,7 +23,9 @@
   {% if page.tags.all %}
     <div class="icon-text">
       <span class="icon">
-        <i class="fas fa-lg fa-tags"></i>
+        <a href="{{ page.tag_list_page_url }}" title="View all tags">
+          <i class="fas fa-lg fa-tags"></i>
+        </a>
       </span>
       {% for tag in page.tags.all %}
         <span><a title="{{ tag.name }}" href="{% pageurl tag %}">#{{ tag.slug }}</a></span>