@@ -104,6 +104,7 @@ export default { | |||||
this.blocksMap[itemId].class = { | this.blocksMap[itemId].class = { | ||||
'image-loaded': true, | 'image-loaded': true, | ||||
}; | }; | ||||
this.blocksMap[itemId].style.height = 'auto'; | |||||
}, | }, | ||||
registerScrollEvent() { | registerScrollEvent() { | ||||
const self = this; | const self = this; | ||||
@@ -191,6 +192,7 @@ $avatar-height: 30px; | |||||
.board-card{ | .board-card{ | ||||
.card-image > img { | .card-image > img { | ||||
min-width: $pin-preview-width; | |||||
background-color: white; | background-color: white; | ||||
border-radius: 3px 3px 0 0; | border-radius: 3px 3px 0 0; | ||||
@include loader('../assets/loader.gif'); | @include loader('../assets/loader.gif'); | ||||
@@ -130,6 +130,7 @@ export default { | |||||
this.blocksMap[itemId].class = { | this.blocksMap[itemId].class = { | ||||
'image-loaded': true, | 'image-loaded': true, | ||||
}; | }; | ||||
this.blocksMap[itemId].style.height = 'auto'; | |||||
}, | }, | ||||
registerScrollEvent() { | registerScrollEvent() { | ||||
const self = this; | const self = this; | ||||
@@ -267,6 +268,7 @@ $avatar-height: 30px; | |||||
cursor: zoom-in; | cursor: zoom-in; | ||||
} | } | ||||
> img { | > img { | ||||
min-width: $pin-preview-width; | |||||
background-color: white; | background-color: white; | ||||
border-radius: 3px 3px 0 0; | border-radius: 3px 3px 0 0; | ||||
@include loader('../assets/loader.gif'); | @include loader('../assets/loader.gif'); | ||||