From dd1a8ade5eabab15e91a41585d5848cf9abf7a05 Mon Sep 17 00:00:00 2001
From: Brooks Becton <broabect@ut.utm.edu>
Date: Wed, 25 Oct 2017 18:22:34 -0500
Subject: Added media queries to resize attatchments

media queries match other break points and break from a 3 column to 2 to 1
---
 client/components/cards/attachments.styl | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

(limited to 'client/components')

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
-- 
cgit v1.2.3-1-g7c22


From d48043c7eef6e4314137d19149dbc7a7cbe4b615 Mon Sep 17 00:00:00 2001
From: Brooks Becton <broabect@ut.utm.edu>
Date: Sat, 28 Oct 2017 10:15:05 -0500
Subject: Added swipebox package and added it to attachement images

Also removed '.js-open-viewer' and it's styling stub
---
 client/components/cards/attachments.jade | 4 ++--
 client/components/cards/attachments.js   | 3 ---
 2 files changed, 2 insertions(+), 5 deletions(-)

(limited to 'client/components')

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);
   },
-- 
cgit v1.2.3-1-g7c22