diff options
| author | Alexander Sulfrian <alexander.sulfrian@fu-berlin.de> | 2016-04-25 21:44:33 +0200 |
|---|---|---|
| committer | Alexander Sulfrian <alexander.sulfrian@fu-berlin.de> | 2016-04-25 21:49:56 +0200 |
| commit | 29e7aeff5db50889b92bf8430246f9e7df4b8534 (patch) | |
| tree | c5a5a858672b25e4665e8c4a479ebeeee0cc7dd7 | |
| parent | 14e2b3c15fdaaa7a45716041dd9e44740a747b26 (diff) | |
| download | wekan-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.
| -rwxr-xr-x | CHANGELOG.md | 1 | ||||
| -rw-r--r-- | client/components/cards/minicard.jade | 3 | ||||
| -rw-r--r-- | client/components/cards/minicard.styl | 7 |
3 files changed, 3 insertions, 8 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index c2409db2..b6dd1800 100755 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,7 @@ and fixes the following bugs: * Fix the generation and alignment of the initials avatars; * Only display the buttons in the board header, if the data is avialable and the user is able to use it; +* Fix the scaling of cover images; Thanks to GitHub users alayek, AlexanderS, choclin, floatinghotpot, ForNeVeR, seschwar, and TheElf for their contributions. 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 |