JF Griffing - 2 tile layout o mobile
Callbacks.prototype.onCalculateDimensions = function (tile) {
var $tile = $(tile),
$wrap = ($tile.hasClass('text')) ? $tile.find('.tile-caption-wrap') : $tile.find('.tile-image-wrap'),
tileWidth = $tile.width();
tileheight = $tile.height();
$tile.find('.tile-content').height(tileWidth);
$tile.find('.tile-image-wrapper').height(tileWidth);
$tile.find('.tile-video-wrapper').height(tileWidth);
// Dobule Columns
if ($tile.hasClass('contains-tag-doublecolumnspan')) {
totalDoubleColumn += 1;
$tile.width(tileWidth * 2);
$wrap.height(tileWidth);
} else {
$tile.height(tileWidth);
$wrap.height(tileWidth);
}
};
Callbacks.prototype.onCompleteJsonToHtml = function (tileObject, t) {
tileObject.find('.tile-belt').remove();
return tileObject;
};
// Avatar
&-avatar-wrapper {
display:none;
}
&-avatar-link {
}
&-avatar-placeholder {
}
&-avatar-image {
}
Callbacks.prototype.onBeforeRenderIsotope = function(containerWidth, maxTileWidth, margin, numColumns, currentTileWidth) {
var columns = 2;
if (containerWidth < 767) {
if(containerWidth <= 400)
columns = 2;
} else if(containerWidth <= 1024) {
columns = 3;
} else {
columns = 4;
}
window.displayColumns = columns;
return {
tileWidth: Math.floor(((containerWidth - margin) / columns) - margin),
numColumns: columns
};
};
Callbacks.prototype.onCompleteJsonToHtml = function (tileObject, t) {
var heart = $('<i class="stackla-icon-vote"></i>');
tileObject.find('.fs-thumbs-up').remove();
heart.appendTo(tileObject.find('.tile-interaction-like .tile-interaction-link'));
return tileObject;
};
.fs-triangle-up:before {
content: "\f18f"
}