diff options
author | Maxime Quandalle <maxime@quandalle.com> | 2015-06-13 15:04:55 +0200 |
---|---|---|
committer | Maxime Quandalle <maxime@quandalle.com> | 2015-06-13 15:04:55 +0200 |
commit | e001c3409a3911089adddad7bbd0e350aa152cb8 (patch) | |
tree | 499484bf1e5a64129440190ebeca72ff33a8dcbd /client/components/cards/attachments.styl | |
parent | c8945679872a0708eb67a477a99a65d508c84cb0 (diff) | |
download | wekan-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.styl | 47 |
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) + |