Fix sticky-kit bottomed elements

diff --git a/app/static/src/js/modules/sticky-kit-init.js b/app/static/src/js/modules/sticky-kit-init.js
index 55d7af53be04a23aa802771306b61bd9f27e02e1..50ab1031f3508fc23af87133b99a578e08638a4d 100644 (file)
--- a/app/static/src/js/modules/sticky-kit-init.js
+++ b/app/static/src/js/modules/sticky-kit-init.js
@@ -18,6 +18,13 @@ StickyKitInit.prototype.init = function() {
     $('[data-sticky]').each(function(i) {
 
         $element = $(this);
+        $element.on('sticky_kit:bottom', function(e) {
+            $(this).parent().css('position', 'static');
+        })
+        .on('sticky_kit:unbottom', function(e) {
+            $(this).parent().css('position', 'relative');
+        });
+
         data = $(this).data();
 
         if(data.stickyOffset) {

diff --git a/app/templates/pages/page.html b/app/templates/pages/page.html
index 1b6f2a96cbd87aea1662282d5f2d4996beaf1fda..f908ad037a279eb03a251f946b55250063f9e126 100644 (file)
--- a/app/templates/pages/page.html
+++ b/app/templates/pages/page.html
@@ -28,24 +28,20 @@
             </div>
 
             <div class="row">
-                <div class="col-sm-3 col-lg-2">
-                    <div class="page__sidebar">
-                        {% block page_sidebar %}
-                            {% if page.get_ascendants|length < 2 %}
-                                {% page_menu "pages/menus/current_tree_primary.html" %}
-                            {% endif %}
-                            {% if page.get_ascendants|length == 2 %}
-                                {% page_menu "pages/menus/current_tree_secondary.html" %}
-                            {% endif %}
-                        {% endblock %}
-                    </div>
+                <div class="col-sm-3 col-lg-2 page__sidebar">
+                    {% block page_sidebar %}
+                        {% if page.get_ascendants|length < 2 %}
+                            {% page_menu "pages/menus/current_tree_primary.html" %}
+                        {% endif %}
+                        {% if page.get_ascendants|length == 2 %}
+                            {% page_menu "pages/menus/current_tree_secondary.html" %}
+                        {% endif %}
+                    {% endblock %}
                 </div>
-                <div class="col-sm-9 col-lg-8 white-bg">
-                    <div class="page__content" data-summary-content>
-                        {% block page_content %}
-                            {{ page.content }}
-                        {% endblock %}
-                    </div>
+                <div class="col-sm-9 col-lg-8 white-bg page__content" data-summary-content>
+                    {% block page_content %}
+                        {{ page.content }}
+                    {% endblock %}
                 </div>
             </div>