Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-18 00:10:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

UI: Fix scaling of cover images (Fixes: #548)

Browse source 
This reverts f039923ac1 and fixes #196 in
a different way (adding quotes). So that we can use the css background
properties to scale the cover images.
This commit is contained in:
Alexander Sulfrian 2016-04-25 21:44:33 +02:00
parent 14e2b3c15f
commit 29e7aeff5d
3 changed files with 3 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -18,6 +18,7 @@ and fixes the following bugs:
* Fix the generation and alignment of the initials avatars; * Fix the generation and alignment of the initials avatars;
* Only display the buttons in the board header, if the data is avialable * Only display the buttons in the board header, if the data is avialable
and the user is able to use it; and the user is able to use it;
* Fix the scaling of cover images;
Thanks to GitHub users alayek, AlexanderS, choclin, floatinghotpot, ForNeVeR, Thanks to GitHub users alayek, AlexanderS, choclin, floatinghotpot, ForNeVeR,
seschwar, and TheElf for their contributions. seschwar, and TheElf for their contributions.

3
client/components/cards/minicard.jade
View file

@ -1,8 +1,7 @@
template(name="minicard") template(name="minicard")
.minicard .minicard
if cover if cover
.minicard-cover .minicard-cover(style="background-image: url('{{pathFor cover.url}}');")
img(src="{{pathFor cover.url}}")
if labels if labels
.minicard-labels .minicard-labels
each labels each labels

7
client/components/cards/minicard.styl
View file

@ -62,16 +62,11 @@
.minicard-cover .minicard-cover
background-position: center background-position: center
background-repeat: no-repeat background-repeat: no-repeat
background-size: cover background-size: contain
height: 145px height: 145px
user-select: none user-select: none
margin: -6px -8px 6px -8px margin: -6px -8px 6px -8px
border-radius: top 2px border-radius: top 2px
position: relative
img
height: 100%
width: 100%
.minicard-labels .minicard-labels
float: right float: right