Skip to content

E
edx-analytics-dashboard
Commit c642aacc by Clinton Blackburn Committed by Clinton Blackburn
Options

Added Sticky Footer

parent 98727ce1
Showing with 33 additions and 9 deletions
analytics_dashboard/static/sass/_config-variables.scss
......@@ -239,3 +239,6 @@ $dropdown-link-hover-color: $edx-blue-s2;
$tooltip-max-width: 300px;
$tooltip-color: $white;
$tooltip-bg: $black-t3;
// Footer
$footer-height: 116px;
analytics_dashboard/static/sass/_sticky-footer.scss 0 → 100644
html,
body {
height: 100%;
/* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto (-$footer-height);
}
/* Set the fixed height of the footer here */
#push,
#footer {
height: $footer-height;
}
analytics_dashboard/static/sass/style-application.scss
......@@ -19,6 +19,7 @@
// app styling
// --------------------
@import 'base'; // base styling and customization
@import 'sticky-footer';
// utility/misc.
// --------------------
......
analytics_dashboard/templates/base.html
......@@ -32,6 +32,7 @@
</head>
<body class="{% block view-name %}{% endblock view-name %}" >
<div id="wrap">
{% block header %}
{% include "header.html" %}
{% endblock header %}
......@@ -45,7 +46,7 @@
{% block content-outer %}
<main class="col-xs-12 main" id="content">
<div class="view-head">
{% block header-text %}<h1>{{ page_title }}</h1>{% endblock %}
{% block header-text %}<h1 class="clearfix">{{ page_title }} <small>{{ page_subtitle }}</small></h1>{% endblock %}
</div>
<div class="view-intro">
......@@ -61,14 +62,6 @@
</div>
</div>
<div class="row">
<div class="col-xs-12">
{% block footer %}
{% include "footer.html" %}
{% endblock footer %}
</div>
</div>
<!-- Placed at the end of the document so the pages load faster -->
{% comment %}
Make sure to add your JS files here. You'll probably want to use block.super to add to the comment includes rather
......@@ -90,5 +83,13 @@
{% block javascript %}
{% endblock javascript %}
{% endcompress %}
<div id="push"></div>
</div>
{% block footer %}
<div id="footer">
{% include "footer.html" %}
</div>
{% endblock footer %}
</body>
</html>
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