Commit 48f24114 authored by Zenon Mousmoulas's avatar Zenon Mousmoulas

(Re-)add sticky footer using display:table/table-footer-group

parent 5a05b68b
...@@ -17,7 +17,6 @@ ...@@ -17,7 +17,6 @@
{% block extrahead %}{% endblock %} {% block extrahead %}{% endblock %}
</head> </head>
<body class="{% block bodyclass %}{% endblock%}"> <body class="{% block bodyclass %}{% endblock%}">
<div id="wrap">
{% block header %} {% block header %}
<div class="push-top"></div> <div class="push-top"></div>
<nav class="navbar navbar-default navbar-fixed-top"> <nav class="navbar navbar-default navbar-fixed-top">
...@@ -78,14 +77,15 @@ ...@@ -78,14 +77,15 @@
</nav> </nav>
{% endblock %} {% endblock %}
<div class="stickyfooter-container">
{% block content %} {% block content %}
<div class="container"> <div class="container">
{% block subcontent %} {% block subcontent %}
{% endblock %} {% endblock %}
</div> </div>
{% endblock %} {% endblock %}
</div> {% include "partial/footer.html" %}
{% include "partial/footer.html" %} </div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="{% static 'js/script.js' %}"></script> <script type="text/javascript" src="{% static 'js/script.js' %}"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
......
{% load i18n %} {% load i18n %}
<footer {% if user.is_authenticated %}class="auth"{% endif %}> <footer class="stickyfooter">
<div class=""> <div>
<div class="container"> <div class="container">
{% if user.is_authenticated %} {% if user.is_authenticated %}
{% trans "If you have any questions or need help, contact" %} {{ BRANDING.helpdesk.name }} (<a href="{{ BRANDING.helpdesk.uri}}">{{BRANDING.helpdesk.uri}}</a>) - {{BRANDING.helpdesk.phone}}</br> {% trans "If you have any questions or need help, contact" %} {{ BRANDING.helpdesk.name }} (<a href="{{ BRANDING.helpdesk.uri}}">{{BRANDING.helpdesk.uri}}</a>) - {{BRANDING.helpdesk.phone}}</br>
......
...@@ -6,20 +6,38 @@ a.navbar-brand img { ...@@ -6,20 +6,38 @@ a.navbar-brand img {
height: 100%; height: 100%;
} }
/* sticky footer begin */
html, body { html, body {
height: 100%; height: 100%;
} }
body {
margin: 0;
padding: 0;
overflow-y: scroll;
}
.stickyfooter-container {
display: table;
height: 100%;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
footer.stickyfooter {
display: table-footer-group;
height: 1px;
}
/* sticky footer end */
footer { footer {
text-align: center; text-align: center;
background: #eee;
} }
footer > div { footer > div {
padding: 25px; padding: 25px;
background: #eee; background: #eee;
left: 0;
right: 0;
} }
.pac-container { .pac-container {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment