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

Resize main_div to exactly take up remaining vertical space

Browse Source 
Unfortunately, it's not so easy to do this with CSS only.

(imported from commit 93b58a53e20aae9ee651aa66b3163f68549a3982)
This commit is contained in:
Keegan McAllister
2012-08-29 14:30:17 -04:00
parent a1d852d124
commit a2777eaed4
3 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/zephyr/base.html
View File

@@ -15,7 +15,7 @@
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

11
zephyr/static/js/zephyr.js
View File

@@ -1,3 +1,14 @@
function resize_main_div() {
// Resize main_div to exactly take up remaining vertical space.
var div = $('#main_div');
div.height(div.height() + $(window).height() - $('body').height());
}
$(function () {
resize_main_div();
$(window).resize(resize_main_div);
$('#zephyr-type-tabs a').on('shown', function (e) { resize_main_div(); });
});
$.ajaxSetup({
beforeSend: function(xhr, settings) {
function getCookie(name) {

5
zephyr/static/styles/zephyr.css
View File

@@ -1,8 +1,3 @@
body {
/* Make room for the topbar */
padding-top: 50px;
}
.top-content {
padding-left: 10px;
padding-right: 20px;