From 0321d9770cc2d07bf4079e0b2b5a87050f101ea2 Mon Sep 17 00:00:00 2001 From: Brooks Becton 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(+) 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