mirror of
https://github.com/zulip/zulip.git
synced 2025-10-31 20:13:46 +00:00
1c2ddb00d1
We add a padded div to our container for the buddy list to give scrolling the illusion that we've rendered every list item, while still letting the browser do the heavy lifting instead of trying to fake it out too much.
34 lines
721 B
JavaScript
34 lines
721 B
JavaScript
var padded_widget = (function () {
|
|
|
|
var exports = {};
|
|
|
|
exports.update_padding = function (opts) {
|
|
var content = $(opts.content_sel);
|
|
var padding = $(opts.padding_sel);
|
|
var total_rows = opts.total_rows;
|
|
var shown_rows = opts.shown_rows;
|
|
var hidden_rows = total_rows - shown_rows;
|
|
|
|
if (shown_rows === 0) {
|
|
padding.height(0);
|
|
return;
|
|
}
|
|
|
|
var ratio = hidden_rows / shown_rows;
|
|
|
|
var content_height = content.height();
|
|
var new_padding_height = ratio * content_height;
|
|
|
|
padding.height(new_padding_height);
|
|
padding.width(1);
|
|
};
|
|
|
|
|
|
return exports;
|
|
|
|
}());
|
|
if (typeof module !== 'undefined') {
|
|
module.exports = padded_widget;
|
|
}
|
|
window.padded_widget = padded_widget;
|