From cf1e1670c4fc16c6006e802e22724ee2a957a3c3 Mon Sep 17 00:00:00 2001
From: rr- <rr-@sakuya.pl>
Date: Sat, 10 Sep 2016 16:13:57 +0200
Subject: [PATCH] client/posts: allow clicking on upload thumbnails

---
 client/css/post-upload.styl     |  6 +++++-
 client/html/post_upload_row.tpl | 14 +++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/client/css/post-upload.styl b/client/css/post-upload.styl
index ac5cbfa..30f6e22 100644
--- a/client/css/post-upload.styl
+++ b/client/css/post-upload.styl
@@ -40,12 +40,16 @@
                 label
                     margin-right: 1em
 
-            .thumbnail
+            .thumbnail-wrapper
                 float: left
                 width: 12.5em
                 height: 7em
                 margin: 0.2em 1em 0 0
 
+                .thumbnail
+                    width: 100%
+                    height: 100%
+
             .controls
                 float: right
                 a
diff --git a/client/html/post_upload_row.tpl b/client/html/post_upload_row.tpl
index 7f688bb..0e61212 100644
--- a/client/html/post_upload_row.tpl
+++ b/client/html/post_upload_row.tpl
@@ -5,17 +5,21 @@
         <a href class='remove'><i class='fa fa-remove'></i></a>
     </div>
 
-    <div class='thumbnail'>
+    <div class='thumbnail-wrapper'>
         <% if (['image'].includes(ctx.uploadable.type)) { %>
 
-            <%= ctx.makeThumbnail(ctx.uploadable.previewUrl) %>
+            <a href='<%= ctx.uploadable.previewUrl %>'>
+                <%= ctx.makeThumbnail(ctx.uploadable.previewUrl) %>
+            </a>
 
         <% } else if (['video'].includes(ctx.uploadable.type)) { %>
 
             <div class='thumbnail'>
-                <video id='video' nocontrols muted>
-                    <source type='<%- ctx.uploadable.mimeType %>' src='<%- ctx.uploadable.previewUrl %>'/>
-                </video>
+                <a href='<%= ctx.uploadable.previewUrl %>'>
+                    <video id='video' nocontrols muted>
+                        <source type='<%- ctx.uploadable.mimeType %>' src='<%- ctx.uploadable.previewUrl %>'/>
+                    </video>
+                </a>
             </div>
 
         <% } else { %>