Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Make our portico bottom copyright and navigation stick to the bottom of the page 

We use the technique described here:
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

(imported from commit 108f3c9cc4ce9dbf483ff76d6f9a6a014077da56)
This commit is contained in:
Zev Benjamin 2013-06-19 15:15:01 -04:00
parent 8ea3dc285d
commit 8921621621
2 changed files with 30 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
templates/zephyr/portico.html
View File

@ -44,7 +44,10 @@ hence the name.
</div> </div>
{% endblock %} {% endblock %}
<div class="navbar"> <div class="push"></div>
</div>
<div class="navbar footer">
<div class="content"> <div class="content">
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><span class="navbar-text">Humbug © 2013</span></li> <li><span class="navbar-text">Humbug © 2013</span></li>
@ -57,5 +60,4 @@ hence the name.
</ul> </ul>
</div> </div>
</div> </div>
</div>
{% endblock %} {% endblock %}

16
zephyr/static/styles/portico.css
View File

@ -1,5 +1,12 @@
.container-fluid { .container-fluid {
padding: 0px; padding: 0px;
min-height: 100%;
/* Hack for IE */
height: auto !important;
height: 100%;
margin: 0 auto -41px;
} }
/* This is a hack so that our main content /* This is a hack so that our main content
@ -21,9 +28,18 @@
-moz-border-radius: 0px; -moz-border-radius: 0px;
} }
.footer, .push {
height: 41px;
}
html {
height: 100%;
}
body { body {
font-family: 'Humbug', Helvetica, Arial, sans-serif; font-family: 'Humbug', Helvetica, Arial, sans-serif;
line-height: 150%; line-height: 150%;
height: 100%;
} }
li { li {