paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-08 07:52:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hack around visibility: collapse for Chrome.

Browse Source 
(imported from commit 25e6453fe6fa1c5a3c72f56bec2e4bbb089edb4f)
This commit is contained in:
Waseem Daher
2012-10-15 15:57:30 -04:00
parent bca36ba4c2
commit daf06b9beb
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
zephyr/static/js/ui.js
View File

@@ -190,6 +190,19 @@ function update_floating_recipient_bar() {
// If we've gotten this far, well, show it.
replace_narrowbar(current_label);
}
function hack_for_floating_recipient_bar() {
// So, as of this writing, Firefox respects visibility: collapse,
// but WebKit does not (at least, my Chrome doesn't.) Instead it
// renders it basically as visibility: hidden, which leaves a
// slight gap that our messages peek through as they scroll
// by. This hack fixes this by programmatically measuring how big
// the gap is, and then moving our table up to compensate.
var gap = $("#floating_recipient_layout_row").outerHeight(true);
var floating_recipient = $(".floating_recipient");
var offset = floating_recipient.offset();
offset.top = offset.top - gap;
floating_recipient.offset(offset);
}
$(function () {
// NB: This just binds to current elements, and won't bind to elements
@@ -308,6 +321,7 @@ $(function () {
// the exact right width for the narrowbar and compose box,
// but, close enough for now.
resizehandler();
hack_for_floating_recipient_bar();
// limit number of items so the list doesn't fall off the screen
$( "#stream" ).typeahead({