summaryrefslogtreecommitdiffstats
path: root/client/components/cards/attachments.styl
diff options
context:
space:
mode:
authorMaxime Quandalle <maxime@quandalle.com>2015-06-13 15:04:55 +0200
committerMaxime Quandalle <maxime@quandalle.com>2015-06-13 15:04:55 +0200
commite001c3409a3911089adddad7bbd0e350aa152cb8 (patch)
tree499484bf1e5a64129440190ebeca72ff33a8dcbd /client/components/cards/attachments.styl
parentc8945679872a0708eb67a477a99a65d508c84cb0 (diff)
downloadwekan-e001c3409a3911089adddad7bbd0e350aa152cb8.tar.gz
wekan-e001c3409a3911089adddad7bbd0e350aa152cb8.tar.bz2
wekan-e001c3409a3911089adddad7bbd0e350aa152cb8.zip
Fix card attachments
Closes #192.
Diffstat (limited to 'client/components/cards/attachments.styl')
-rw-r--r--client/components/cards/attachments.styl47
1 files changed, 47 insertions, 0 deletions
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)
+