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-28 10:15:47 -0500 |
| commit | dd1a8ade5eabab15e91a41585d5848cf9abf7a05 (patch) | |
| tree | 563384b95421dd5f5c215f19709d6d514664dac9 | |
| parent | 01507576b1c3c3ad148969691d1e22bf7addbeb9 (diff) | |
| download | wekan-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.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 |