Merge branch 'attachments-improvements' of https://github.com/brooksbecton/wekan into brooksbecton-attachments-improvements

5 files changed, 25 insertions, 5 deletions

diff --git a/.meteor/packages b/.meteor/packages
index 7c04f207..7e67c10d 100644
--- a/.meteor/packages
+++ b/.meteor/packages
@@ -79,3 +79,4 @@ shell-server@0.2.3
 simple:rest-accounts-password
 useraccounts:core
 email@1.2.3
+horka:swipebox
diff --git a/.meteor/versions b/.meteor/versions
index 689362ea..38ee1e3f 100644
--- a/.meteor/versions
+++ b/.meteor/versions
@@ -58,6 +58,7 @@ es5-shim@4.6.15
 fastclick@1.0.13
 fortawesome:fontawesome@4.7.0
 geojson-utils@1.0.10
+horka:swipebox@1.0.2
 hot-code-push@1.0.4
 html-tools@1.0.11
 htmljs@1.0.11
diff --git a/client/components/cards/attachments.jade b/client/components/cards/attachments.jade
index e35b364a..c8442691 100644
--- a/client/components/cards/attachments.jade
+++ b/client/components/cards/attachments.jade
@@ -21,11 +21,11 @@ template(name="attachmentDeletePopup")
 template(name="attachmentsGalery")
   .attachments-galery
     each attachments
-      a.attachment-item.js-open-viewer(title="{{_ 'added'}} {{ moment uploadedAt }}")
+      a.attachment-item.swipebox(href="{{url}}" title="{{name}}")
         .attachment-thumbnail
           if isUploaded
             if isImage
-              img.attachment-thumbnail-img.js-preview-image(src="{{url}}")
+              img.attachment-thumbnail-img(src="{{url}}")
             else
               span.attachment-thumbnail-ext= extension
           else
diff --git a/client/components/cards/attachments.js b/client/components/cards/attachments.js
index 95cb9f55..36e8a5ec 100644
--- a/client/components/cards/attachments.js
+++ b/client/components/cards/attachments.js
@@ -11,9 +11,6 @@ Template.attachmentsGalery.events({
   'click .js-download'(event) {
     event.stopPropagation();
   },
-  'click .js-open-viewer'() {
-    // XXX Not implemented!
-  },
   'click .js-add-cover'() {
     Cards.findOne(this.cardId).setCover(this._id);
   },
diff --git a/client/components/cards/attachments.styl b/client/components/cards/attachments.styl
index 9a5d0645..4a22fd8a 100644
--- a/client/components/cards/attachments.styl
+++ b/client/components/cards/attachments.styl
@@ -58,7 +58,28 @@
 
 .preview-clipboard-image
   width: 280px
+  max-width: 100%;
   height: 200px
   display: block
   border: 1px solid black
   box-shadow: 0 1px 2px rgba(0,0,0,.2)
+
+@media screen and (max-width: 800px)
+  .attachments-galery
+    flex-direction
+      row
+    .attachment-item
+      width: 50% - 2%
+
+      .attachment-thumbnail
+        height: 130px
+      .attachment-details
+        font-size: 1.1em
+
+@media screen and (max-width: 360px)
+  .attachments-galery
+    .attachment-item
+      width: 100%
+
+      .attachment-thumbnail
+        height: 200px