Merge pull request 'Make blog cover clickable' (#976) from clickable-blog-image into main

Reviewed-on: https://git.joinplu.me/Plume/Plume/pulls/976

assets/themes/default/_global.scss

@@ -219,17 +219,21 @@ p.error {
     margin: 20px;
   }
 
+  .cover-link {
+    margin: 0;
+
+    &:hover {
+      opacity: 0.9;
+    }
+  }
+
   .cover {
     min-height: 10em;
     background-position: center;
     background-size: cover;
     margin: 0px;
-
-    &:hover {
-        opacity: 0.9;
-    }
   }
-  
+
    header {
     display: flex;
   }
@@ -245,6 +249,9 @@ p.error {
     position: relative;
     a {
       display: block;
+      width: 100%;
+      height: 100%;
+      padding-block-start: 0.5em;
       transition: color 0.1s ease-in;
       color: $text-color;
 
@@ -611,4 +618,4 @@ code {
   .function{
       color:inherit;
   }
-}
+}

templates/partials/post_card.rs.html

@@ -6,7 +6,9 @@
 
 <div class="card h-entry">
     @if article.cover_id.is_some() {
-        <a href="@uri!(posts::details: blog = article.get_blog_fqn(ctx.0), slug = &article.slug, responding_to = _)"><div class="cover" style="background-image: url('@Html(article.cover_url(ctx.0).unwrap_or_default())')"></div></a>
+    <a class="cover-link" href="@uri!(posts::details: blog = article.get_blog_fqn(ctx.0), slug = &article.slug, responding_to = _)">
+      <div class="cover" style="background-image: url('@Html(article.cover_url(ctx.0).unwrap_or_default())')"></div>
+    </a>
     }
     <header dir="auto">
         <h3 class="p-name">

templates/users/dashboard.rs.html

@@ -18,7 +18,10 @@
             @for blog in blogs {
                 <div class="card">
                     @if blog.banner_id.is_some() {
-                        <div class="cover" style="background-image: url('@Html(blog.banner_url(ctx.0).unwrap_or_default())')"></div>
+                        <a class="cover-link" href="@uri!(blogs::details: name = &blog.actor_id, page = _)">
+                            <div class="cover" style="background-image: url('@Html(blog.banner_url(ctx.0).unwrap_or_default())')">
+                            </div>
+                        </a>
                     }
                     <h3><a href="@uri!(blogs::details: name = blog.actor_id, page = _)">@blog.title</a></h3>
                     <main><p>@Html(blog.summary_html)</p></main>