paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-15 03:11:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

resize: Avoid hard-coding 10px for header padding.

Browse Source
This commit is contained in:
Steve Howell
2020-05-27 21:00:51 +00:00
committed by Tim Abbott
parent c9bff71410
commit fefcaad027
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/js/panels.js
View File

@@ -2,9 +2,13 @@ const util = require("./util");
const resize_app = function () { const resize_app = function () {
const panels_height = $("#panels").height(); const panels_height = $("#panels").height();
$("body > .app").height("calc(100% - " + panels_height + "px)"); $("body > .app").height("calc(100% - " + panels_height + "px)");
// the floating recipient bar is usually positioned 10px below the
// header, so add that to the panels height to get the new `top` value. // the floating recipient bar is usually positioned right below
$("#floating_recipient_bar").css("top", panels_height + $(".header").height() + 10 + "px"); // the `.header` element (including padding).
const frb_top = panels_height
+ $('.header').height()
+ parseInt($(".header").css("paddingBottom"), 10);
$("#floating_recipient_bar").css("top", frb_top + "px");
}; };
exports.resize_app = resize_app; exports.resize_app = resize_app;