summaryrefslogtreecommitdiffstats
path: root/client/components/cards
diff options
context:
space:
mode:
authorAlexander Sulfrian <alexander.sulfrian@fu-berlin.de>2016-04-25 21:44:33 +0200
committerAlexander Sulfrian <alexander.sulfrian@fu-berlin.de>2016-04-25 21:49:56 +0200
commit29e7aeff5db50889b92bf8430246f9e7df4b8534 (patch)
treec5a5a858672b25e4665e8c4a479ebeeee0cc7dd7 /client/components/cards
parent14e2b3c15fdaaa7a45716041dd9e44740a747b26 (diff)
downloadwekan-29e7aeff5db50889b92bf8430246f9e7df4b8534.tar.gz
wekan-29e7aeff5db50889b92bf8430246f9e7df4b8534.tar.bz2
wekan-29e7aeff5db50889b92bf8430246f9e7df4b8534.zip
UI: Fix scaling of cover images (Fixes: #548)
This reverts f039923ac134e4a3cc70a1a7d47c21460676b1c0 and fixes #196 in a different way (adding quotes). So that we can use the css background properties to scale the cover images.
Diffstat (limited to 'client/components/cards')
-rw-r--r--client/components/cards/minicard.jade3
-rw-r--r--client/components/cards/minicard.styl7
2 files changed, 2 insertions, 8 deletions
diff --git a/client/components/cards/minicard.jade b/client/components/cards/minicard.jade
index 573b3da1..1dfd2f8e 100644
--- a/client/components/cards/minicard.jade
+++ b/client/components/cards/minicard.jade
@@ -1,8 +1,7 @@
template(name="minicard")
.minicard
if cover
- .minicard-cover
- img(src="{{pathFor cover.url}}")
+ .minicard-cover(style="background-image: url('{{pathFor cover.url}}');")
if labels
.minicard-labels
each labels
diff --git a/client/components/cards/minicard.styl b/client/components/cards/minicard.styl
index 3b8c8a9a..0f6f8ad2 100644
--- a/client/components/cards/minicard.styl
+++ b/client/components/cards/minicard.styl
@@ -62,16 +62,11 @@
.minicard-cover
background-position: center
background-repeat: no-repeat
- background-size: cover
+ background-size: contain
height: 145px
user-select: none
margin: -6px -8px 6px -8px
border-radius: top 2px
- position: relative
-
- img
- height: 100%
- width: 100%
.minicard-labels
float: right