summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrooks Becton <broabect@ut.utm.edu>2017-10-25 18:22:34 -0500
committerBrooks Becton <broabect@ut.utm.edu>2017-10-28 10:15:47 -0500
commitdd1a8ade5eabab15e91a41585d5848cf9abf7a05 (patch)
tree563384b95421dd5f5c215f19709d6d514664dac9
parent01507576b1c3c3ad148969691d1e22bf7addbeb9 (diff)
downloadwekan-dd1a8ade5eabab15e91a41585d5848cf9abf7a05.tar.gz
wekan-dd1a8ade5eabab15e91a41585d5848cf9abf7a05.tar.bz2
wekan-dd1a8ade5eabab15e91a41585d5848cf9abf7a05.zip
Added media queries to resize attatchments
media queries match other break points and break from a 3 column to 2 to 1
-rw-r--r--client/components/cards/attachments.styl21
1 files changed, 21 insertions, 0 deletions
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