diff options
| author | Brooks Becton <broabect@ut.utm.edu> | 2017-10-25 18:22:34 -0500 |
|---|---|---|
| committer | Brooks Becton <broabect@ut.utm.edu> | 2017-10-25 18:22:34 -0500 |
| commit | 6a2b6ef3c05c71bb14690e21f2fec2c0ecb0118b (patch) | |
| tree | ac392d8e6d59c036ba9a48459282102a8b26383b | |
| parent | a493c314db93b6278539ad5c3f9876be46ad59a1 (diff) | |
| download | wekan-6a2b6ef3c05c71bb14690e21f2fec2c0ecb0118b.tar.gz wekan-6a2b6ef3c05c71bb14690e21f2fec2c0ecb0118b.tar.bz2 wekan-6a2b6ef3c05c71bb14690e21f2fec2c0ecb0118b.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.styl | 21 |
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 |