From e001c3409a3911089adddad7bbd0e350aa152cb8 Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <maxime@quandalle.com>
Date: Sat, 13 Jun 2015 15:04:55 +0200
Subject: Fix card attachments

Closes #192.
---
 client/components/cards/attachments.styl | 47 ++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 client/components/cards/attachments.styl

(limited to 'client/components/cards/attachments.styl')

diff --git a/client/components/cards/attachments.styl b/client/components/cards/attachments.styl
new file mode 100644
index 00000000..5cdf7386
--- /dev/null
+++ b/client/components/cards/attachments.styl
@@ -0,0 +1,47 @@
+.attachments-galery
+  display: flex
+  flex-wrap: wrap
+
+  .attachment-item
+    width: 33.33% - 2%
+    margin: 10px 1% 0
+    text-align: center
+    border-radius: 3px
+    overflow: hidden
+    background: darken(white, 7%)
+    min-height: 120px
+
+    &:hover
+      background: darken(white, 12%)
+
+    &.add-attachment
+      display: flex
+      align-items: center
+
+    .attachment-thumbnail
+      height: 80px
+      display: flex
+      align-items: center
+      justify-content: center
+      position: relative
+
+      .attachment-thumbnail-img
+        height: 100%
+        width: 100%
+
+      .attachment-thumbnail-ext
+        text-transform: uppercase
+        font-size: 1.6em
+
+    .attachment-details
+      font-size: 0.75em
+      margin: 3px
+
+      .attachment-details-actions
+        display: block
+
+.attachment-image-preview
+  max-width: 100px
+  display: block
+  box-shadow: 0 1px 2px rgba(0,0,0,.2)
+
-- 
cgit v1.2.3-1-g7c22