nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Check for collapsible content_view again after images are loaded

Browse source
This commit is contained in:
Faldrian 2016-02-04 20:27:48 +01:00
parent 1832c2956e
commit 6da2720168
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/assets/javascripts/app/views/content_view.js
View file

@ -72,6 +72,21 @@ app.views.Content = app.views.Base.extend({
postRenderTemplate : function(){ postRenderTemplate : function(){
_.defer(_.bind(this.collapseOversized, this)); _.defer(_.bind(this.collapseOversized, this));
// run collapseOversized again after all contained images are loaded
var self = this;
_.defer(function() {
self.$("img").each(function() {
this.addEventListener("load", function() {
// only fire if the top of the post is in viewport
var rect = self.el.getBoundingClientRect();
if(rect.top > 0) {
self.collapseOversized.call(self);
}
});
});
});
var photoAttachments = this.$(".photo_attachments"); var photoAttachments = this.$(".photo_attachments");
if(photoAttachments.length > 0) { if(photoAttachments.length > 0) {
new app.views.Gallery({ el: photoAttachments }); new app.views.Gallery({ el: photoAttachments });